@tanstack/react-query-devtools 5.0.0-alpha.3 → 5.0.0-alpha.31

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 (109) hide show
  1. package/build/lib/__tests__/devtools.test.d.ts +1 -1
  2. package/build/lib/__tests__/devtools.test.d.ts.map +1 -0
  3. package/build/lib/__tests__/utils.d.ts +1 -0
  4. package/build/lib/__tests__/utils.d.ts.map +1 -0
  5. package/build/lib/devtools.d.ts +11 -75
  6. package/build/lib/devtools.d.ts.map +1 -0
  7. package/build/lib/devtools.esm.js +52 -766
  8. package/build/lib/devtools.esm.js.map +1 -1
  9. package/build/lib/devtools.js +49 -783
  10. package/build/lib/devtools.js.map +1 -1
  11. package/build/lib/devtools.mjs +52 -766
  12. package/build/lib/devtools.mjs.map +1 -1
  13. package/build/lib/index.d.ts +1 -1
  14. package/build/lib/index.d.ts.map +1 -0
  15. package/build/lib/index.esm.js +10 -5
  16. package/build/lib/index.esm.js.map +1 -1
  17. package/build/lib/index.js +8 -4
  18. package/build/lib/index.js.map +1 -1
  19. package/build/lib/index.mjs +10 -5
  20. package/build/lib/index.mjs.map +1 -1
  21. package/build/lib/index.prod.d.ts +1 -1
  22. package/build/lib/index.prod.esm.js +7886 -1302
  23. package/build/lib/index.prod.esm.js.map +1 -1
  24. package/build/lib/index.prod.js +7953 -1389
  25. package/build/lib/index.prod.js.map +1 -1
  26. package/build/lib/index.prod.mjs +7886 -1302
  27. package/build/lib/index.prod.mjs.map +1 -1
  28. package/build/umd/index.development.js +7010 -2089
  29. package/build/umd/index.development.js.map +1 -1
  30. package/build/umd/index.production.js +1 -1
  31. package/build/umd/index.production.js.map +1 -1
  32. package/package.json +5 -6
  33. package/src/__tests__/devtools.test.tsx +1 -860
  34. package/src/devtools.tsx +61 -1165
  35. package/src/index.ts +6 -6
  36. package/build/lib/Explorer.d.ts +0 -50
  37. package/build/lib/Explorer.esm.js +0 -253
  38. package/build/lib/Explorer.esm.js.map +0 -1
  39. package/build/lib/Explorer.js +0 -287
  40. package/build/lib/Explorer.js.map +0 -1
  41. package/build/lib/Explorer.mjs +0 -253
  42. package/build/lib/Explorer.mjs.map +0 -1
  43. package/build/lib/Logo.d.ts +0 -1
  44. package/build/lib/Logo.esm.js +0 -32
  45. package/build/lib/Logo.esm.js.map +0 -1
  46. package/build/lib/Logo.js +0 -55
  47. package/build/lib/Logo.js.map +0 -1
  48. package/build/lib/Logo.mjs +0 -32
  49. package/build/lib/Logo.mjs.map +0 -1
  50. package/build/lib/__tests__/Explorer.test.d.ts +0 -1
  51. package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js +0 -17
  52. package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js.map +0 -1
  53. package/build/lib/_virtual/_rollupPluginBabelHelpers.js +0 -19
  54. package/build/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  55. package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs +0 -17
  56. package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs.map +0 -1
  57. package/build/lib/noop.d.ts +0 -2
  58. package/build/lib/screenreader.d.ts +0 -3
  59. package/build/lib/screenreader.esm.js +0 -17
  60. package/build/lib/screenreader.esm.js.map +0 -1
  61. package/build/lib/screenreader.js +0 -40
  62. package/build/lib/screenreader.js.map +0 -1
  63. package/build/lib/screenreader.mjs +0 -17
  64. package/build/lib/screenreader.mjs.map +0 -1
  65. package/build/lib/styledComponents.d.ts +0 -9
  66. package/build/lib/styledComponents.esm.js +0 -93
  67. package/build/lib/styledComponents.esm.js.map +0 -1
  68. package/build/lib/styledComponents.js +0 -102
  69. package/build/lib/styledComponents.js.map +0 -1
  70. package/build/lib/styledComponents.mjs +0 -93
  71. package/build/lib/styledComponents.mjs.map +0 -1
  72. package/build/lib/theme.d.ts +0 -36
  73. package/build/lib/theme.esm.js +0 -32
  74. package/build/lib/theme.esm.js.map +0 -1
  75. package/build/lib/theme.js +0 -55
  76. package/build/lib/theme.js.map +0 -1
  77. package/build/lib/theme.mjs +0 -32
  78. package/build/lib/theme.mjs.map +0 -1
  79. package/build/lib/useLocalStorage.d.ts +0 -1
  80. package/build/lib/useLocalStorage.esm.js +0 -40
  81. package/build/lib/useLocalStorage.esm.js.map +0 -1
  82. package/build/lib/useLocalStorage.js +0 -63
  83. package/build/lib/useLocalStorage.js.map +0 -1
  84. package/build/lib/useLocalStorage.mjs +0 -40
  85. package/build/lib/useLocalStorage.mjs.map +0 -1
  86. package/build/lib/useMediaQuery.d.ts +0 -1
  87. package/build/lib/useMediaQuery.esm.js +0 -36
  88. package/build/lib/useMediaQuery.esm.js.map +0 -1
  89. package/build/lib/useMediaQuery.js +0 -59
  90. package/build/lib/useMediaQuery.js.map +0 -1
  91. package/build/lib/useMediaQuery.mjs +0 -36
  92. package/build/lib/useMediaQuery.mjs.map +0 -1
  93. package/build/lib/utils.d.ts +0 -79
  94. package/build/lib/utils.esm.js +0 -184
  95. package/build/lib/utils.esm.js.map +0 -1
  96. package/build/lib/utils.js +0 -218
  97. package/build/lib/utils.js.map +0 -1
  98. package/build/lib/utils.mjs +0 -184
  99. package/build/lib/utils.mjs.map +0 -1
  100. package/src/Explorer.tsx +0 -385
  101. package/src/Logo.tsx +0 -32
  102. package/src/__tests__/Explorer.test.tsx +0 -149
  103. package/src/noop.ts +0 -7
  104. package/src/screenreader.tsx +0 -16
  105. package/src/styledComponents.ts +0 -108
  106. package/src/theme.tsx +0 -33
  107. package/src/useLocalStorage.ts +0 -52
  108. package/src/useMediaQuery.ts +0 -34
  109. package/src/utils.ts +0 -319
@@ -1,17 +0,0 @@
1
- function _extends() {
2
- _extends = Object.assign ? Object.assign.bind() : function (target) {
3
- for (var i = 1; i < arguments.length; i++) {
4
- var source = arguments[i];
5
- for (var key in source) {
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
-
16
- export { _extends as extends };
17
- //# sourceMappingURL=_rollupPluginBabelHelpers.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- function _extends() {
4
- _extends = Object.assign ? Object.assign.bind() : function (target) {
5
- for (var i = 1; i < arguments.length; i++) {
6
- var source = arguments[i];
7
- for (var key in source) {
8
- if (Object.prototype.hasOwnProperty.call(source, key)) {
9
- target[key] = source[key];
10
- }
11
- }
12
- }
13
- return target;
14
- };
15
- return _extends.apply(this, arguments);
16
- }
17
-
18
- exports.extends = _extends;
19
- //# sourceMappingURL=_rollupPluginBabelHelpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -1,17 +0,0 @@
1
- function _extends() {
2
- _extends = Object.assign ? Object.assign.bind() : function (target) {
3
- for (var i = 1; i < arguments.length; i++) {
4
- var source = arguments[i];
5
- for (var key in source) {
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
-
16
- export { _extends as extends };
17
- //# sourceMappingURL=_rollupPluginBabelHelpers.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_rollupPluginBabelHelpers.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -1,2 +0,0 @@
1
- export declare function ReactQueryDevtools(): null;
2
- export declare function ReactQueryDevtoolsPanel(): null;
@@ -1,3 +0,0 @@
1
- export default function ScreenReader({ text }: {
2
- text: string;
3
- }): JSX.Element;
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
-
3
- function ScreenReader({
4
- text
5
- }) {
6
- return /*#__PURE__*/React.createElement("span", {
7
- style: {
8
- position: 'absolute',
9
- width: '0.1px',
10
- height: '0.1px',
11
- overflow: 'hidden'
12
- }
13
- }, text);
14
- }
15
-
16
- export { ScreenReader as default };
17
- //# sourceMappingURL=screenreader.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"screenreader.esm.js","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","position","width","height","overflow"],"mappings":";;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDJ,IAAI,CACA,CAAA;AAEX;;;;"}
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- function _interopNamespaceDefault(e) {
8
- var n = Object.create(null);
9
- if (e) {
10
- Object.keys(e).forEach(function (k) {
11
- if (k !== 'default') {
12
- var d = Object.getOwnPropertyDescriptor(e, k);
13
- Object.defineProperty(n, k, d.get ? d : {
14
- enumerable: true,
15
- get: function () { return e[k]; }
16
- });
17
- }
18
- });
19
- }
20
- n.default = e;
21
- return Object.freeze(n);
22
- }
23
-
24
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
25
-
26
- function ScreenReader({
27
- text
28
- }) {
29
- return /*#__PURE__*/React__namespace.createElement("span", {
30
- style: {
31
- position: 'absolute',
32
- width: '0.1px',
33
- height: '0.1px',
34
- overflow: 'hidden'
35
- }
36
- }, text);
37
- }
38
-
39
- exports.default = ScreenReader;
40
- //# sourceMappingURL=screenreader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"screenreader.js","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","React","position","width","height","overflow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACEC,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDL,IAAI,CACA,CAAA;AAEX;;;;"}
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
-
3
- function ScreenReader({
4
- text
5
- }) {
6
- return /*#__PURE__*/React.createElement("span", {
7
- style: {
8
- position: 'absolute',
9
- width: '0.1px',
10
- height: '0.1px',
11
- overflow: 'hidden'
12
- }
13
- }, text);
14
- }
15
-
16
- export { ScreenReader as default };
17
- //# sourceMappingURL=screenreader.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"screenreader.mjs","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","position","width","height","overflow"],"mappings":";;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDJ,IAAI,CACA,CAAA;AAEX;;;;"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Panel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
3
- export declare const ActiveQueryPanel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
4
- export declare const Button: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;
5
- export declare const QueryKeys: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
6
- export declare const QueryKey: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
7
- export declare const Code: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
8
- export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>;
9
- export declare const Select: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & import("react").RefAttributes<HTMLSelectElement>>;
@@ -1,93 +0,0 @@
1
- import { styled } from './utils.esm.js';
2
-
3
- const Panel = styled('div', (_props, theme) => ({
4
- fontSize: 'clamp(12px, 1.5vw, 14px)',
5
- fontFamily: `sans-serif`,
6
- display: 'flex',
7
- backgroundColor: theme.background,
8
- color: theme.foreground
9
- }), {
10
- '(max-width: 700px)': {
11
- flexDirection: 'column'
12
- },
13
- '(max-width: 600px)': {
14
- fontSize: '.9em'
15
- // flexDirection: 'column',
16
- }
17
- });
18
-
19
- const ActiveQueryPanel = styled('div', () => ({
20
- flex: '1 1 500px',
21
- display: 'flex',
22
- flexDirection: 'column',
23
- overflow: 'auto',
24
- height: '100%'
25
- }), {
26
- '(max-width: 700px)': (_props, theme) => ({
27
- borderTop: `2px solid ${theme.gray}`
28
- })
29
- });
30
- const Button = styled('button', (props, theme) => ({
31
- appearance: 'none',
32
- fontSize: '.9em',
33
- fontWeight: 'bold',
34
- background: theme.gray,
35
- border: '0',
36
- borderRadius: '.3em',
37
- color: 'white',
38
- padding: '.5em',
39
- opacity: props.disabled ? '.5' : undefined,
40
- cursor: 'pointer'
41
- }));
42
- const QueryKeys = styled('span', {
43
- display: 'inline-block',
44
- fontSize: '0.9em'
45
- });
46
- const QueryKey = styled('span', {
47
- display: 'inline-flex',
48
- alignItems: 'center',
49
- padding: '.2em .4em',
50
- fontWeight: 'bold',
51
- textShadow: '0 0 10px black',
52
- borderRadius: '.2em'
53
- });
54
- const Code = styled('code', {
55
- fontSize: '.9em',
56
- color: 'inherit',
57
- background: 'inherit'
58
- });
59
- const Input = styled('input', (_props, theme) => ({
60
- backgroundColor: theme.inputBackgroundColor,
61
- border: 0,
62
- borderRadius: '.2em',
63
- color: theme.inputTextColor,
64
- fontSize: '.9em',
65
- lineHeight: `1.3`,
66
- padding: '.3em .4em'
67
- }));
68
- const Select = styled('select', (_props, theme) => ({
69
- display: `inline-block`,
70
- fontSize: `.9em`,
71
- fontFamily: `sans-serif`,
72
- fontWeight: 'normal',
73
- lineHeight: `1.3`,
74
- padding: `.3em 1.5em .3em .5em`,
75
- height: 'auto',
76
- border: 0,
77
- borderRadius: `.2em`,
78
- appearance: `none`,
79
- WebkitAppearance: 'none',
80
- backgroundColor: theme.inputBackgroundColor,
81
- backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>")`,
82
- backgroundRepeat: `no-repeat`,
83
- backgroundPosition: `right .55em center`,
84
- backgroundSize: `.65em auto, 100%`,
85
- color: theme.inputTextColor
86
- }), {
87
- '(max-width: 500px)': {
88
- display: 'none'
89
- }
90
- });
91
-
92
- export { ActiveQueryPanel, Button, Code, Input, Panel, QueryKey, QueryKeys, Select };
93
- //# sourceMappingURL=styledComponents.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styledComponents.esm.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'inline-block',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":";;AAEO,MAAMA,KAAK,GAAGC,MAAM,CACzB,KAAK,EACL,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBC,EAAAA,OAAO,EAAE,MAAM;EACfC,eAAe,EAAEJ,KAAK,CAACK,UAAU;EACjCC,KAAK,EAAEN,KAAK,CAACO,UAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpBC,IAAAA,aAAa,EAAE,QAAA;GAChB;AACD,EAAA,oBAAoB,EAAE;AACpBP,IAAAA,QAAQ,EAAE,MAAA;AACV;AACF,GAAA;AACF,CAAC,EACF;;MAEYQ,gBAAgB,GAAGX,MAAM,CACpC,KAAK,EACL,OAAO;AACLY,EAAAA,IAAI,EAAE,WAAW;AACjBP,EAAAA,OAAO,EAAE,MAAM;AACfK,EAAAA,aAAa,EAAE,QAAQ;AACvBG,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,MAAM,EAAE,MAAA;AACV,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE,CAACb,MAAM,EAAEC,KAAK,MAAM;AACxCa,IAAAA,SAAS,EAAG,CAAA,UAAA,EAAYb,KAAK,CAACc,IAAK,CAAA,CAAA;GACpC,CAAA;AACH,CAAC,EACF;AAEM,MAAMC,MAAM,GAAGjB,MAAM,CAAC,QAAQ,EAAE,CAACkB,KAAK,EAAEhB,KAAK,MAAM;AACxDiB,EAAAA,UAAU,EAAE,MAAM;AAClBhB,EAAAA,QAAQ,EAAE,MAAM;AAChBiB,EAAAA,UAAU,EAAE,MAAM;EAClBb,UAAU,EAAEL,KAAK,CAACc,IAAI;AACtBK,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,YAAY,EAAE,MAAM;AACpBd,EAAAA,KAAK,EAAE,OAAO;AACde,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,OAAO,EAAEN,KAAK,CAACO,QAAQ,GAAG,IAAI,GAAGC,SAAS;AAC1CC,EAAAA,MAAM,EAAE,SAAA;AACV,CAAC,CAAC,EAAC;MAEUC,SAAS,GAAG5B,MAAM,CAAC,MAAM,EAAE;AACtCK,EAAAA,OAAO,EAAE,cAAc;AACvBF,EAAAA,QAAQ,EAAE,OAAA;AACZ,CAAC,EAAC;MAEW0B,QAAQ,GAAG7B,MAAM,CAAC,MAAM,EAAE;AACrCK,EAAAA,OAAO,EAAE,aAAa;AACtByB,EAAAA,UAAU,EAAE,QAAQ;AACpBP,EAAAA,OAAO,EAAE,WAAW;AACpBH,EAAAA,UAAU,EAAE,MAAM;AAClBW,EAAAA,UAAU,EAAE,gBAAgB;AAC5BT,EAAAA,YAAY,EAAE,MAAA;AAChB,CAAC,EAAC;MAEWU,IAAI,GAAGhC,MAAM,CAAC,MAAM,EAAE;AACjCG,EAAAA,QAAQ,EAAE,MAAM;AAChBK,EAAAA,KAAK,EAAE,SAAS;AAChBD,EAAAA,UAAU,EAAE,SAAA;AACd,CAAC,EAAC;AAEK,MAAM0B,KAAK,GAAGjC,MAAM,CAAC,OAAO,EAAE,CAACC,MAAM,EAAEC,KAAK,MAAM;EACvDI,eAAe,EAAEJ,KAAK,CAACgC,oBAAoB;AAC3Cb,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAE,MAAM;EACpBd,KAAK,EAAEN,KAAK,CAACiC,cAAc;AAC3BhC,EAAAA,QAAQ,EAAE,MAAM;AAChBiC,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,EAAC;AAEI,MAAMc,MAAM,GAAGrC,MAAM,CAC1B,QAAQ,EACR,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBG,EAAAA,OAAO,EAAG,CAAa,YAAA,CAAA;AACvBF,EAAAA,QAAQ,EAAG,CAAK,IAAA,CAAA;AAChBC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBgB,EAAAA,UAAU,EAAE,QAAQ;AACpBgB,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,EAAAA,OAAO,EAAG,CAAqB,oBAAA,CAAA;AAC/BT,EAAAA,MAAM,EAAE,MAAM;AACdO,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAG,CAAK,IAAA,CAAA;AACpBH,EAAAA,UAAU,EAAG,CAAK,IAAA,CAAA;AAClBmB,EAAAA,gBAAgB,EAAE,MAAM;EACxBhC,eAAe,EAAEJ,KAAK,CAACgC,oBAAoB;AAC3CK,EAAAA,eAAe,EAAG,CAA6J,4JAAA,CAAA;AAC/KC,EAAAA,gBAAgB,EAAG,CAAU,SAAA,CAAA;AAC7BC,EAAAA,kBAAkB,EAAG,CAAmB,kBAAA,CAAA;AACxCC,EAAAA,cAAc,EAAG,CAAiB,gBAAA,CAAA;EAClClC,KAAK,EAAEN,KAAK,CAACiC,cAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpB9B,IAAAA,OAAO,EAAE,MAAA;AACX,GAAA;AACF,CAAC;;;;"}
@@ -1,102 +0,0 @@
1
- 'use strict';
2
-
3
- var utils = require('./utils.js');
4
-
5
- const Panel = utils.styled('div', (_props, theme) => ({
6
- fontSize: 'clamp(12px, 1.5vw, 14px)',
7
- fontFamily: `sans-serif`,
8
- display: 'flex',
9
- backgroundColor: theme.background,
10
- color: theme.foreground
11
- }), {
12
- '(max-width: 700px)': {
13
- flexDirection: 'column'
14
- },
15
- '(max-width: 600px)': {
16
- fontSize: '.9em'
17
- // flexDirection: 'column',
18
- }
19
- });
20
-
21
- const ActiveQueryPanel = utils.styled('div', () => ({
22
- flex: '1 1 500px',
23
- display: 'flex',
24
- flexDirection: 'column',
25
- overflow: 'auto',
26
- height: '100%'
27
- }), {
28
- '(max-width: 700px)': (_props, theme) => ({
29
- borderTop: `2px solid ${theme.gray}`
30
- })
31
- });
32
- const Button = utils.styled('button', (props, theme) => ({
33
- appearance: 'none',
34
- fontSize: '.9em',
35
- fontWeight: 'bold',
36
- background: theme.gray,
37
- border: '0',
38
- borderRadius: '.3em',
39
- color: 'white',
40
- padding: '.5em',
41
- opacity: props.disabled ? '.5' : undefined,
42
- cursor: 'pointer'
43
- }));
44
- const QueryKeys = utils.styled('span', {
45
- display: 'inline-block',
46
- fontSize: '0.9em'
47
- });
48
- const QueryKey = utils.styled('span', {
49
- display: 'inline-flex',
50
- alignItems: 'center',
51
- padding: '.2em .4em',
52
- fontWeight: 'bold',
53
- textShadow: '0 0 10px black',
54
- borderRadius: '.2em'
55
- });
56
- const Code = utils.styled('code', {
57
- fontSize: '.9em',
58
- color: 'inherit',
59
- background: 'inherit'
60
- });
61
- const Input = utils.styled('input', (_props, theme) => ({
62
- backgroundColor: theme.inputBackgroundColor,
63
- border: 0,
64
- borderRadius: '.2em',
65
- color: theme.inputTextColor,
66
- fontSize: '.9em',
67
- lineHeight: `1.3`,
68
- padding: '.3em .4em'
69
- }));
70
- const Select = utils.styled('select', (_props, theme) => ({
71
- display: `inline-block`,
72
- fontSize: `.9em`,
73
- fontFamily: `sans-serif`,
74
- fontWeight: 'normal',
75
- lineHeight: `1.3`,
76
- padding: `.3em 1.5em .3em .5em`,
77
- height: 'auto',
78
- border: 0,
79
- borderRadius: `.2em`,
80
- appearance: `none`,
81
- WebkitAppearance: 'none',
82
- backgroundColor: theme.inputBackgroundColor,
83
- backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>")`,
84
- backgroundRepeat: `no-repeat`,
85
- backgroundPosition: `right .55em center`,
86
- backgroundSize: `.65em auto, 100%`,
87
- color: theme.inputTextColor
88
- }), {
89
- '(max-width: 500px)': {
90
- display: 'none'
91
- }
92
- });
93
-
94
- exports.ActiveQueryPanel = ActiveQueryPanel;
95
- exports.Button = Button;
96
- exports.Code = Code;
97
- exports.Input = Input;
98
- exports.Panel = Panel;
99
- exports.QueryKey = QueryKey;
100
- exports.QueryKeys = QueryKeys;
101
- exports.Select = Select;
102
- //# sourceMappingURL=styledComponents.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styledComponents.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'inline-block',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
@@ -1,93 +0,0 @@
1
- import { styled } from './utils.mjs';
2
-
3
- const Panel = styled('div', (_props, theme) => ({
4
- fontSize: 'clamp(12px, 1.5vw, 14px)',
5
- fontFamily: `sans-serif`,
6
- display: 'flex',
7
- backgroundColor: theme.background,
8
- color: theme.foreground
9
- }), {
10
- '(max-width: 700px)': {
11
- flexDirection: 'column'
12
- },
13
- '(max-width: 600px)': {
14
- fontSize: '.9em'
15
- // flexDirection: 'column',
16
- }
17
- });
18
-
19
- const ActiveQueryPanel = styled('div', () => ({
20
- flex: '1 1 500px',
21
- display: 'flex',
22
- flexDirection: 'column',
23
- overflow: 'auto',
24
- height: '100%'
25
- }), {
26
- '(max-width: 700px)': (_props, theme) => ({
27
- borderTop: `2px solid ${theme.gray}`
28
- })
29
- });
30
- const Button = styled('button', (props, theme) => ({
31
- appearance: 'none',
32
- fontSize: '.9em',
33
- fontWeight: 'bold',
34
- background: theme.gray,
35
- border: '0',
36
- borderRadius: '.3em',
37
- color: 'white',
38
- padding: '.5em',
39
- opacity: props.disabled ? '.5' : undefined,
40
- cursor: 'pointer'
41
- }));
42
- const QueryKeys = styled('span', {
43
- display: 'inline-block',
44
- fontSize: '0.9em'
45
- });
46
- const QueryKey = styled('span', {
47
- display: 'inline-flex',
48
- alignItems: 'center',
49
- padding: '.2em .4em',
50
- fontWeight: 'bold',
51
- textShadow: '0 0 10px black',
52
- borderRadius: '.2em'
53
- });
54
- const Code = styled('code', {
55
- fontSize: '.9em',
56
- color: 'inherit',
57
- background: 'inherit'
58
- });
59
- const Input = styled('input', (_props, theme) => ({
60
- backgroundColor: theme.inputBackgroundColor,
61
- border: 0,
62
- borderRadius: '.2em',
63
- color: theme.inputTextColor,
64
- fontSize: '.9em',
65
- lineHeight: `1.3`,
66
- padding: '.3em .4em'
67
- }));
68
- const Select = styled('select', (_props, theme) => ({
69
- display: `inline-block`,
70
- fontSize: `.9em`,
71
- fontFamily: `sans-serif`,
72
- fontWeight: 'normal',
73
- lineHeight: `1.3`,
74
- padding: `.3em 1.5em .3em .5em`,
75
- height: 'auto',
76
- border: 0,
77
- borderRadius: `.2em`,
78
- appearance: `none`,
79
- WebkitAppearance: 'none',
80
- backgroundColor: theme.inputBackgroundColor,
81
- backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>")`,
82
- backgroundRepeat: `no-repeat`,
83
- backgroundPosition: `right .55em center`,
84
- backgroundSize: `.65em auto, 100%`,
85
- color: theme.inputTextColor
86
- }), {
87
- '(max-width: 500px)': {
88
- display: 'none'
89
- }
90
- });
91
-
92
- export { ActiveQueryPanel, Button, Code, Input, Panel, QueryKey, QueryKeys, Select };
93
- //# sourceMappingURL=styledComponents.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styledComponents.mjs","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'inline-block',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":";;AAEO,MAAMA,KAAK,GAAGC,MAAM,CACzB,KAAK,EACL,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBC,EAAAA,OAAO,EAAE,MAAM;EACfC,eAAe,EAAEJ,KAAK,CAACK,UAAU;EACjCC,KAAK,EAAEN,KAAK,CAACO,UAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpBC,IAAAA,aAAa,EAAE,QAAA;GAChB;AACD,EAAA,oBAAoB,EAAE;AACpBP,IAAAA,QAAQ,EAAE,MAAA;AACV;AACF,GAAA;AACF,CAAC,EACF;;MAEYQ,gBAAgB,GAAGX,MAAM,CACpC,KAAK,EACL,OAAO;AACLY,EAAAA,IAAI,EAAE,WAAW;AACjBP,EAAAA,OAAO,EAAE,MAAM;AACfK,EAAAA,aAAa,EAAE,QAAQ;AACvBG,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,MAAM,EAAE,MAAA;AACV,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE,CAACb,MAAM,EAAEC,KAAK,MAAM;AACxCa,IAAAA,SAAS,EAAG,CAAA,UAAA,EAAYb,KAAK,CAACc,IAAK,CAAA,CAAA;GACpC,CAAA;AACH,CAAC,EACF;AAEM,MAAMC,MAAM,GAAGjB,MAAM,CAAC,QAAQ,EAAE,CAACkB,KAAK,EAAEhB,KAAK,MAAM;AACxDiB,EAAAA,UAAU,EAAE,MAAM;AAClBhB,EAAAA,QAAQ,EAAE,MAAM;AAChBiB,EAAAA,UAAU,EAAE,MAAM;EAClBb,UAAU,EAAEL,KAAK,CAACc,IAAI;AACtBK,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,YAAY,EAAE,MAAM;AACpBd,EAAAA,KAAK,EAAE,OAAO;AACde,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,OAAO,EAAEN,KAAK,CAACO,QAAQ,GAAG,IAAI,GAAGC,SAAS;AAC1CC,EAAAA,MAAM,EAAE,SAAA;AACV,CAAC,CAAC,EAAC;MAEUC,SAAS,GAAG5B,MAAM,CAAC,MAAM,EAAE;AACtCK,EAAAA,OAAO,EAAE,cAAc;AACvBF,EAAAA,QAAQ,EAAE,OAAA;AACZ,CAAC,EAAC;MAEW0B,QAAQ,GAAG7B,MAAM,CAAC,MAAM,EAAE;AACrCK,EAAAA,OAAO,EAAE,aAAa;AACtByB,EAAAA,UAAU,EAAE,QAAQ;AACpBP,EAAAA,OAAO,EAAE,WAAW;AACpBH,EAAAA,UAAU,EAAE,MAAM;AAClBW,EAAAA,UAAU,EAAE,gBAAgB;AAC5BT,EAAAA,YAAY,EAAE,MAAA;AAChB,CAAC,EAAC;MAEWU,IAAI,GAAGhC,MAAM,CAAC,MAAM,EAAE;AACjCG,EAAAA,QAAQ,EAAE,MAAM;AAChBK,EAAAA,KAAK,EAAE,SAAS;AAChBD,EAAAA,UAAU,EAAE,SAAA;AACd,CAAC,EAAC;AAEK,MAAM0B,KAAK,GAAGjC,MAAM,CAAC,OAAO,EAAE,CAACC,MAAM,EAAEC,KAAK,MAAM;EACvDI,eAAe,EAAEJ,KAAK,CAACgC,oBAAoB;AAC3Cb,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAE,MAAM;EACpBd,KAAK,EAAEN,KAAK,CAACiC,cAAc;AAC3BhC,EAAAA,QAAQ,EAAE,MAAM;AAChBiC,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,EAAC;AAEI,MAAMc,MAAM,GAAGrC,MAAM,CAC1B,QAAQ,EACR,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBG,EAAAA,OAAO,EAAG,CAAa,YAAA,CAAA;AACvBF,EAAAA,QAAQ,EAAG,CAAK,IAAA,CAAA;AAChBC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBgB,EAAAA,UAAU,EAAE,QAAQ;AACpBgB,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,EAAAA,OAAO,EAAG,CAAqB,oBAAA,CAAA;AAC/BT,EAAAA,MAAM,EAAE,MAAM;AACdO,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAG,CAAK,IAAA,CAAA;AACpBH,EAAAA,UAAU,EAAG,CAAK,IAAA,CAAA;AAClBmB,EAAAA,gBAAgB,EAAE,MAAM;EACxBhC,eAAe,EAAEJ,KAAK,CAACgC,oBAAoB;AAC3CK,EAAAA,eAAe,EAAG,CAA6J,4JAAA,CAAA;AAC/KC,EAAAA,gBAAgB,EAAG,CAAU,SAAA,CAAA;AAC7BC,EAAAA,kBAAkB,EAAG,CAAmB,kBAAA,CAAA;AACxCC,EAAAA,cAAc,EAAG,CAAiB,gBAAA,CAAA;EAClClC,KAAK,EAAEN,KAAK,CAACiC,cAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpB9B,IAAAA,OAAO,EAAE,MAAA;AACX,GAAA;AACF,CAAC;;;;"}
@@ -1,36 +0,0 @@
1
- import * as React from 'react';
2
- export declare const defaultTheme: {
3
- readonly background: "#0b1521";
4
- readonly backgroundAlt: "#132337";
5
- readonly foreground: "white";
6
- readonly gray: "#3f4e60";
7
- readonly grayAlt: "#222e3e";
8
- readonly inputBackgroundColor: "#fff";
9
- readonly inputTextColor: "#000";
10
- readonly success: "#00ab52";
11
- readonly danger: "#ff0085";
12
- readonly active: "#006bff";
13
- readonly paused: "#8c49eb";
14
- readonly warning: "#ffb200";
15
- };
16
- export declare type Theme = typeof defaultTheme;
17
- interface ProviderProps {
18
- theme: Theme;
19
- children?: React.ReactNode;
20
- }
21
- export declare function ThemeProvider({ theme, ...rest }: ProviderProps): JSX.Element;
22
- export declare function useTheme(): {
23
- readonly background: "#0b1521";
24
- readonly backgroundAlt: "#132337";
25
- readonly foreground: "white";
26
- readonly gray: "#3f4e60";
27
- readonly grayAlt: "#222e3e";
28
- readonly inputBackgroundColor: "#fff";
29
- readonly inputTextColor: "#000";
30
- readonly success: "#00ab52";
31
- readonly danger: "#ff0085";
32
- readonly active: "#006bff";
33
- readonly paused: "#8c49eb";
34
- readonly warning: "#ffb200";
35
- };
36
- export {};
@@ -1,32 +0,0 @@
1
- import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.esm.js';
2
- import * as React from 'react';
3
-
4
- const defaultTheme = {
5
- background: '#0b1521',
6
- backgroundAlt: '#132337',
7
- foreground: 'white',
8
- gray: '#3f4e60',
9
- grayAlt: '#222e3e',
10
- inputBackgroundColor: '#fff',
11
- inputTextColor: '#000',
12
- success: '#00ab52',
13
- danger: '#ff0085',
14
- active: '#006bff',
15
- paused: '#8c49eb',
16
- warning: '#ffb200'
17
- };
18
- const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
19
- function ThemeProvider({
20
- theme,
21
- ...rest
22
- }) {
23
- return /*#__PURE__*/React.createElement(ThemeContext.Provider, _extends({
24
- value: theme
25
- }, rest));
26
- }
27
- function useTheme() {
28
- return React.useContext(ThemeContext);
29
- }
30
-
31
- export { ThemeProvider, defaultTheme, useTheme };
32
- //# sourceMappingURL=theme.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.esm.js","sources":["../../src/theme.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nexport const defaultTheme = {\n background: '#0b1521',\n backgroundAlt: '#132337',\n foreground: 'white',\n gray: '#3f4e60',\n grayAlt: '#222e3e',\n inputBackgroundColor: '#fff',\n inputTextColor: '#000',\n success: '#00ab52',\n danger: '#ff0085',\n active: '#006bff',\n paused: '#8c49eb',\n warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n theme: Theme\n children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","useTheme","useContext"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,SAAS;AACxBC,EAAAA,UAAU,EAAE,OAAO;AACnBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,oBAAoB,EAAE,MAAM;AAC5BC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAQV,MAAMC,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAACf,YAAY,CAAC,CAAA;AAE/C,SAASgB,aAAa,CAAC;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAoB,CAAC,EAAE;EAC/D,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAED,KAAAA;AAAM,GAAA,EAAKC,IAAI,CAAI,CAAA,CAAA;AAC1D,CAAA;AAEO,SAASC,QAAQ,GAAG;AACzB,EAAA,OAAOL,KAAK,CAACM,UAAU,CAACP,YAAY,CAAC,CAAA;AACvC;;;;"}
@@ -1,55 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
4
- var React = require('react');
5
-
6
- function _interopNamespaceDefault(e) {
7
- var n = Object.create(null);
8
- if (e) {
9
- Object.keys(e).forEach(function (k) {
10
- if (k !== 'default') {
11
- var d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: function () { return e[k]; }
15
- });
16
- }
17
- });
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
-
23
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
24
-
25
- const defaultTheme = {
26
- background: '#0b1521',
27
- backgroundAlt: '#132337',
28
- foreground: 'white',
29
- gray: '#3f4e60',
30
- grayAlt: '#222e3e',
31
- inputBackgroundColor: '#fff',
32
- inputTextColor: '#000',
33
- success: '#00ab52',
34
- danger: '#ff0085',
35
- active: '#006bff',
36
- paused: '#8c49eb',
37
- warning: '#ffb200'
38
- };
39
- const ThemeContext = /*#__PURE__*/React__namespace.createContext(defaultTheme);
40
- function ThemeProvider({
41
- theme,
42
- ...rest
43
- }) {
44
- return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, _rollupPluginBabelHelpers.extends({
45
- value: theme
46
- }, rest));
47
- }
48
- function useTheme() {
49
- return React__namespace.useContext(ThemeContext);
50
- }
51
-
52
- exports.ThemeProvider = ThemeProvider;
53
- exports.defaultTheme = defaultTheme;
54
- exports.useTheme = useTheme;
55
- //# sourceMappingURL=theme.js.map