@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.
Files changed (187) hide show
  1. package/package.json +2 -1
  2. package/dist/breakpoints/index.d.ts +0 -7
  3. package/dist/breakpoints/index.js +0 -13
  4. package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +0 -8
  5. package/dist/components/common/Arrow/components/StyledSvg/index.js +0 -25
  6. package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +0 -5
  7. package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +0 -26
  8. package/dist/components/common/Arrow/components/Svg/index.d.ts +0 -6
  9. package/dist/components/common/Arrow/components/Svg/index.js +0 -26
  10. package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +0 -6
  11. package/dist/components/common/Arrow/components/Svg/index.stories.js +0 -21
  12. package/dist/components/common/Arrow/index.d.ts +0 -10
  13. package/dist/components/common/Arrow/index.js +0 -29
  14. package/dist/components/common/Arrow/index.stories.d.ts +0 -6
  15. package/dist/components/common/Arrow/index.stories.js +0 -21
  16. package/dist/components/common/Arrow/palette.d.ts +0 -6
  17. package/dist/components/common/Arrow/palette.js +0 -14
  18. package/dist/components/common/Calendar/docs.stories.d.ts +0 -6
  19. package/dist/components/common/Calendar/docs.stories.js +0 -20
  20. package/dist/components/common/Calendar/index.css +0 -81
  21. package/dist/components/common/Calendar/index.d.ts +0 -8
  22. package/dist/components/common/Calendar/index.js +0 -40
  23. package/dist/components/common/Calendar/index.stories.d.ts +0 -7
  24. package/dist/components/common/Calendar/index.stories.js +0 -55
  25. package/dist/components/common/Calendar/palette.d.ts +0 -9
  26. package/dist/components/common/Calendar/palette.js +0 -17
  27. package/dist/components/common/Divider/index.d.ts +0 -6
  28. package/dist/components/common/Divider/index.js +0 -20
  29. package/dist/components/common/Divider/index.stories.d.ts +0 -6
  30. package/dist/components/common/Divider/index.stories.js +0 -14
  31. package/dist/components/common/Divider/palette.d.ts +0 -5
  32. package/dist/components/common/Divider/palette.js +0 -11
  33. package/dist/components/common/Divider/styles.d.ts +0 -5
  34. package/dist/components/common/Divider/styles.js +0 -15
  35. package/dist/components/common/Dropdown/index.d.ts +0 -14
  36. package/dist/components/common/Dropdown/index.js +0 -117
  37. package/dist/components/common/Dropdown/index.stories.d.ts +0 -6
  38. package/dist/components/common/Dropdown/index.stories.js +0 -59
  39. package/dist/components/common/Dropdown/palette.d.ts +0 -6
  40. package/dist/components/common/Dropdown/palette.js +0 -14
  41. package/dist/components/common/Dropdown/styles.d.ts +0 -14
  42. package/dist/components/common/Dropdown/styles.js +0 -47
  43. package/dist/components/common/InvoiceboxLoader/assets/loader.json +0 -1
  44. package/dist/components/common/InvoiceboxLoader/index.d.ts +0 -5
  45. package/dist/components/common/InvoiceboxLoader/index.js +0 -878
  46. package/dist/components/common/InvoiceboxLoader/index.stories.d.ts +0 -5
  47. package/dist/components/common/InvoiceboxLoader/index.stories.js +0 -18
  48. package/dist/components/common/InvoiceboxSpinner/index.d.ts +0 -7
  49. package/dist/components/common/InvoiceboxSpinner/index.js +0 -39
  50. package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +0 -10
  51. package/dist/components/common/InvoiceboxSpinner/index.stories.js +0 -18
  52. package/dist/components/common/InvoiceboxSpinner/palette.d.ts +0 -6
  53. package/dist/components/common/InvoiceboxSpinner/palette.js +0 -12
  54. package/dist/components/common/InvoiceboxSpinner/styles.d.ts +0 -4
  55. package/dist/components/common/InvoiceboxSpinner/styles.js +0 -19
  56. package/dist/components/common/Scrollbar/index.d.ts +0 -6
  57. package/dist/components/common/Scrollbar/index.js +0 -69
  58. package/dist/components/common/Scrollbar/index.stories.d.ts +0 -12
  59. package/dist/components/common/Scrollbar/index.stories.js +0 -36
  60. package/dist/components/common/Scrollbar/palette.d.ts +0 -5
  61. package/dist/components/common/Scrollbar/palette.js +0 -11
  62. package/dist/components/common/SecondaryButton/index.d.ts +0 -15
  63. package/dist/components/common/SecondaryButton/index.js +0 -48
  64. package/dist/components/common/SecondaryButton/index.stories.d.ts +0 -11
  65. package/dist/components/common/SecondaryButton/index.stories.js +0 -38
  66. package/dist/components/common/SecondaryButton/palette.d.ts +0 -8
  67. package/dist/components/common/SecondaryButton/palette.js +0 -14
  68. package/dist/components/common/SecondaryButton/styles.d.ts +0 -11
  69. package/dist/components/common/SecondaryButton/styles.js +0 -46
  70. package/dist/components/common/Skeleton/index.d.ts +0 -8
  71. package/dist/components/common/Skeleton/index.js +0 -28
  72. package/dist/components/common/Skeleton/index.stories.d.ts +0 -11
  73. package/dist/components/common/Skeleton/index.stories.js +0 -29
  74. package/dist/components/common/Skeleton/palette.d.ts +0 -6
  75. package/dist/components/common/Skeleton/palette.js +0 -12
  76. package/dist/components/common/Skeleton/styles.d.ts +0 -10
  77. package/dist/components/common/Skeleton/styles.js +0 -37
  78. package/dist/components/common/Typography/index.d.ts +0 -25
  79. package/dist/components/common/Typography/index.js +0 -32
  80. package/dist/components/common/Typography/index.stories.d.ts +0 -11
  81. package/dist/components/common/Typography/index.stories.js +0 -36
  82. package/dist/components/common/Typography/styles.d.ts +0 -5
  83. package/dist/components/common/Typography/styles.js +0 -16
  84. package/dist/components/common/Typography/typography.d.ts +0 -20
  85. package/dist/components/common/Typography/typography.js +0 -28
  86. package/dist/components/common/WarningIcon/components/Icon.d.ts +0 -6
  87. package/dist/components/common/WarningIcon/components/Icon.js +0 -22
  88. package/dist/components/common/WarningIcon/index.d.ts +0 -7
  89. package/dist/components/common/WarningIcon/index.js +0 -23
  90. package/dist/components/common/WarningIcon/index.stories.d.ts +0 -5
  91. package/dist/components/common/WarningIcon/index.stories.js +0 -14
  92. package/dist/components/common/WarningIcon/palette.d.ts +0 -5
  93. package/dist/components/common/WarningIcon/palette.js +0 -11
  94. package/dist/components/common/WarningIcon/styles.d.ts +0 -10
  95. package/dist/components/common/WarningIcon/styles.js +0 -22
  96. package/dist/components/form/DateInput/components/Icon/index.d.ts +0 -1
  97. package/dist/components/form/DateInput/components/Icon/index.js +0 -33
  98. package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +0 -5
  99. package/dist/components/form/DateInput/components/Icon/index.stories.js +0 -14
  100. package/dist/components/form/DateInput/docs.stories.d.ts +0 -6
  101. package/dist/components/form/DateInput/docs.stories.js +0 -20
  102. package/dist/components/form/DateInput/index.d.ts +0 -9
  103. package/dist/components/form/DateInput/index.js +0 -111
  104. package/dist/components/form/DateInput/index.stories.d.ts +0 -7
  105. package/dist/components/form/DateInput/index.stories.js +0 -52
  106. package/dist/components/form/DateInput/logic.d.ts +0 -10
  107. package/dist/components/form/DateInput/logic.js +0 -71
  108. package/dist/components/form/DateInput/palette.d.ts +0 -5
  109. package/dist/components/form/DateInput/palette.js +0 -11
  110. package/dist/components/form/DateInput/styles.d.ts +0 -8
  111. package/dist/components/form/DateInput/styles.js +0 -28
  112. package/dist/components/form/InputLabel/index.d.ts +0 -8
  113. package/dist/components/form/InputLabel/index.js +0 -31
  114. package/dist/components/form/InputLabel/index.stories.d.ts +0 -5
  115. package/dist/components/form/InputLabel/index.stories.js +0 -33
  116. package/dist/components/form/InputLabel/palette.d.ts +0 -7
  117. package/dist/components/form/InputLabel/palette.js +0 -13
  118. package/dist/components/form/InputLabel/styles.d.ts +0 -11
  119. package/dist/components/form/InputLabel/styles.js +0 -36
  120. package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +0 -6
  121. package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +0 -21
  122. package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +0 -4
  123. package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +0 -22
  124. package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +0 -9
  125. package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +0 -24
  126. package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +0 -4
  127. package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +0 -22
  128. package/dist/components/form/PositiveIntegerInput/index.d.ts +0 -10
  129. package/dist/components/form/PositiveIntegerInput/index.js +0 -94
  130. package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +0 -5
  131. package/dist/components/form/PositiveIntegerInput/index.stories.js +0 -49
  132. package/dist/components/form/PositiveIntegerInput/styles.d.ts +0 -6
  133. package/dist/components/form/PositiveIntegerInput/styles.js +0 -25
  134. package/dist/components/form/PureInput/index.d.ts +0 -10
  135. package/dist/components/form/PureInput/index.js +0 -42
  136. package/dist/components/form/PureInput/index.stories.d.ts +0 -5
  137. package/dist/components/form/PureInput/index.stories.js +0 -23
  138. package/dist/components/form/PureInput/palette.d.ts +0 -10
  139. package/dist/components/form/PureInput/palette.js +0 -18
  140. package/dist/components/form/PureInput/styles.d.ts +0 -10
  141. package/dist/components/form/PureInput/styles.js +0 -34
  142. package/dist/components/form/Select/components/Input/index.d.ts +0 -6
  143. package/dist/components/form/Select/components/Input/index.js +0 -42
  144. package/dist/components/form/Select/components/Input/index.stories.d.ts +0 -5
  145. package/dist/components/form/Select/components/Input/index.stories.js +0 -27
  146. package/dist/components/form/Select/components/Input/styles.d.ts +0 -3
  147. package/dist/components/form/Select/components/Input/styles.js +0 -16
  148. package/dist/components/form/Select/index.d.ts +0 -10
  149. package/dist/components/form/Select/index.js +0 -125
  150. package/dist/components/form/Select/index.stories.d.ts +0 -5
  151. package/dist/components/form/Select/index.stories.js +0 -85
  152. package/dist/components/form/Select/palette.d.ts +0 -5
  153. package/dist/components/form/Select/palette.js +0 -13
  154. package/dist/components/form/Select/styles.d.ts +0 -8
  155. package/dist/components/form/Select/styles.js +0 -28
  156. package/dist/hooks/useCss/index.d.ts +0 -6
  157. package/dist/hooks/useCss/index.js +0 -31
  158. package/dist/hooks/useCss/index.stories.d.ts +0 -4
  159. package/dist/hooks/useCss/index.stories.js +0 -38
  160. package/dist/hooks/useInputFocus/index.d.ts +0 -11
  161. package/dist/hooks/useInputFocus/index.js +0 -37
  162. package/dist/hooks/useInputFocus/index.stories.d.ts +0 -4
  163. package/dist/hooks/useInputFocus/index.stories.js +0 -29
  164. package/dist/hooks/useOutsideClick/index.d.ts +0 -2
  165. package/dist/hooks/useOutsideClick/index.js +0 -22
  166. package/dist/hooks/useOutsideClick/index.stories.d.ts +0 -4
  167. package/dist/hooks/useOutsideClick/index.stories.js +0 -27
  168. package/dist/index.d.ts +0 -27
  169. package/dist/index.js +0 -138
  170. package/dist/palette/colors.stories.d.ts +0 -4
  171. package/dist/palette/colors.stories.js +0 -41
  172. package/dist/palette/constants.d.ts +0 -2
  173. package/dist/palette/constants.js +0 -18
  174. package/dist/palette/context.d.ts +0 -31
  175. package/dist/palette/context.js +0 -36
  176. package/dist/palette/index.d.ts +0 -3
  177. package/dist/palette/index.js +0 -19
  178. package/dist/palette/index.stories.d.ts +0 -4
  179. package/dist/palette/index.stories.js +0 -83
  180. package/dist/palette/provider.d.ts +0 -10
  181. package/dist/palette/provider.js +0 -61
  182. package/dist/palette/types.d.ts +0 -12
  183. package/dist/palette/types.js +0 -1
  184. package/dist/palette/useComponentPalette.d.ts +0 -2
  185. package/dist/palette/useComponentPalette.js +0 -22
  186. package/dist/palette/usePalette.d.ts +0 -15
  187. 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 {};
@@ -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
- };
@@ -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
- };
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,2 +0,0 @@
1
- import { usePalette } from './usePalette';
2
- export declare const useComponentPalette: <TComponentPalette>(componentName: keyof ReturnType<typeof usePalette>, componentPropsPalette?: Partial<TComponentPalette> | undefined) => TComponentPalette;
@@ -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
- };