@auspices/eos 2.30.1 → 2.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ContextMenu/ContextMenu.d.ts +23 -0
- package/dist/ContextMenu/ContextMenu.js +53 -0
- package/dist/ContextMenu/ContextMenu.js.map +1 -0
- package/dist/ContextMenu/index.d.ts +1 -0
- package/dist/ContextMenu/index.js +14 -0
- package/dist/ContextMenu/index.js.map +1 -0
- package/dist/Themer/useThemer.d.ts +1 -0
- package/dist/Themer/useThemer.js +14 -8
- package/dist/Themer/useThemer.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme/theme.d.ts +1 -0
- package/dist/theme/theme.js +8 -2
- package/dist/theme/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { BoxProps } from "../Box";
|
|
3
|
+
export declare const Toggle: import("styled-components").StyledComponent<"button", any, React.ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & {
|
|
6
|
+
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
7
|
+
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
8
|
+
} & {
|
|
9
|
+
active?: boolean | undefined;
|
|
10
|
+
hover?: boolean | undefined;
|
|
11
|
+
focus?: boolean | undefined;
|
|
12
|
+
disabled?: boolean | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
p: number;
|
|
15
|
+
border: string;
|
|
16
|
+
borderColor: string;
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
}, "backgroundColor" | "border" | "borderColor" | "p">;
|
|
19
|
+
export declare type ContextMenuProps = BoxProps & {
|
|
20
|
+
onOpen?(): void;
|
|
21
|
+
onClose?(): void;
|
|
22
|
+
};
|
|
23
|
+
export declare const ContextMenu: React.FC<ContextMenuProps>;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.ContextMenu = exports.Toggle = void 0;
|
|
33
|
+
var react_1 = __importDefault(require("react"));
|
|
34
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
+
var Box_1 = require("../Box");
|
|
36
|
+
var Dropdown_1 = require("../Dropdown");
|
|
37
|
+
var Ellipsis_1 = require("../Ellipsis");
|
|
38
|
+
var Pane_1 = require("../Pane");
|
|
39
|
+
exports.Toggle = (0, styled_components_1.default)(Pane_1.PaneOption).attrs({
|
|
40
|
+
p: 3,
|
|
41
|
+
border: "1px solid",
|
|
42
|
+
borderColor: "background",
|
|
43
|
+
backgroundColor: "background",
|
|
44
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n ", "\n"], ["\n display: block;\n ", "\n"])), Pane_1.paneShadowMixin);
|
|
45
|
+
var ContextMenu = function (_a) {
|
|
46
|
+
var children = _a.children, onOpen = _a.onOpen, onClose = _a.onClose, rest = __rest(_a, ["children", "onOpen", "onClose"]);
|
|
47
|
+
return (react_1.default.createElement(Box_1.Box, __assign({ zIndex: 1 }, rest),
|
|
48
|
+
react_1.default.createElement(Dropdown_1.Dropdown, { onOpen: onOpen, onClose: onClose, placement: "bottom-end", label: react_1.default.createElement(exports.Toggle, null,
|
|
49
|
+
react_1.default.createElement(Ellipsis_1.Ellipsis, null)) }, children)));
|
|
50
|
+
};
|
|
51
|
+
exports.ContextMenu = ContextMenu;
|
|
52
|
+
var templateObject_1;
|
|
53
|
+
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,8BAAuC;AACvC,wCAAuC;AACvC,wCAAuC;AACvC,gCAAsD;AAEzC,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,iBAAU,CAAC,CAAC,KAAK,CAAC;IAC7C,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,YAAY;IACzB,eAAe,EAAE,YAAY;CAC9B,CAAC,kGAAA,yBAEE,EAAe,IAClB,KADG,sBAAe,EACjB;AAOK,IAAM,WAAW,GAA+B,UAAC,EAKvD;IAJC,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACJ,IAAI,cAJ+C,iCAKvD,CADQ;IAEP,OAAO,CACL,8BAAC,SAAG,aAAC,MAAM,EAAE,CAAC,IAAM,IAAI;QACtB,8BAAC,mBAAQ,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EACH,8BAAC,cAAM;gBACL,8BAAC,mBAAQ,OAAG,CACL,IAGV,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,WAAW,eAsBtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ContextMenu";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./ContextMenu"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ContextMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B"}
|
package/dist/Themer/useThemer.js
CHANGED
|
@@ -46,15 +46,18 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
46
46
|
return ar;
|
|
47
47
|
};
|
|
48
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
|
-
exports.useThemer = exports.ThemerProvider = exports.isScheme = exports.ThemeContext = void 0;
|
|
49
|
+
exports.useThemer = exports.ThemerProvider = exports.isScheme = exports.ThemeContext = exports.prefersDark = void 0;
|
|
50
50
|
var react_1 = __importStar(require("react"));
|
|
51
51
|
var theme_1 = require("../theme");
|
|
52
52
|
var isServerSide = typeof window === "undefined";
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
var prefersDark = function () {
|
|
54
|
+
return (!isServerSide &&
|
|
55
|
+
window.matchMedia &&
|
|
56
|
+
window.matchMedia("(prefers-color-scheme: dark)").matches);
|
|
57
|
+
};
|
|
58
|
+
exports.prefersDark = prefersDark;
|
|
56
59
|
var KEY = "auspices.eos.scheme";
|
|
57
|
-
var DEFAULT_SCHEME =
|
|
60
|
+
var DEFAULT_SCHEME = "light";
|
|
58
61
|
var DEFAULT_BACKEND = {
|
|
59
62
|
get: function () {
|
|
60
63
|
if (isServerSide)
|
|
@@ -80,9 +83,12 @@ var isScheme = function (value) {
|
|
|
80
83
|
};
|
|
81
84
|
exports.isScheme = isScheme;
|
|
82
85
|
var ThemerProvider = function (_a) {
|
|
83
|
-
var _b;
|
|
84
|
-
var
|
|
85
|
-
|
|
86
|
+
var children = _a.children, _b = _a.initialScheme, initialScheme = _b === void 0 ? DEFAULT_SCHEME : _b, _c = _a.backend, backend = _c === void 0 ? DEFAULT_BACKEND : _c;
|
|
87
|
+
var _d = __read((0, react_1.useState)(initialScheme), 2), scheme = _d[0], setScheme = _d[1];
|
|
88
|
+
(0, react_1.useEffect)(function () {
|
|
89
|
+
var _a;
|
|
90
|
+
setScheme((_a = backend.get()) !== null && _a !== void 0 ? _a : initialScheme);
|
|
91
|
+
}, [backend, initialScheme]);
|
|
86
92
|
var theme = (0, react_1.useMemo)(function () { return (__assign(__assign({}, theme_1.THEME), { scheme: scheme, colors: theme_1.SCHEMES[scheme] })); }, [scheme]);
|
|
87
93
|
var toggleScheme = (0, react_1.useCallback)(function () { return setScheme(function (prevScheme) { return (prevScheme === "dark" ? "light" : "dark"); }); }, []);
|
|
88
94
|
(0, react_1.useEffect)(function () { return backend.set(scheme); }, [backend, scheme]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemer.js","sourceRoot":"","sources":["../../src/Themer/useThemer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,kCAAyD;AAEzD,IAAM,YAAY,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"useThemer.js","sourceRoot":"","sources":["../../src/Themer/useThemer.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -21,6 +21,7 @@ __exportStar(require("./Clear"), exports);
|
|
|
21
21
|
__exportStar(require("./ClearableInput"), exports);
|
|
22
22
|
__exportStar(require("./Clickable"), exports);
|
|
23
23
|
__exportStar(require("./Confirm"), exports);
|
|
24
|
+
__exportStar(require("./ContextMenu"), exports);
|
|
24
25
|
__exportStar(require("./Divider"), exports);
|
|
25
26
|
__exportStar(require("./Dropdown"), exports);
|
|
26
27
|
__exportStar(require("./Ellipsis"), exports);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB;AACzB,mDAAiC;AACjC,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB;AACxB,mDAAiC;AACjC,8CAA4B;AAC5B,4CAA0B;AAC1B,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,0CAAwB;AACxB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,yCAAuB;AACvB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC;AACjC,kDAAgC;AAChC,wCAAsB;AACtB,4CAA0B;AAC1B,0CAAwB;AACxB,yCAAuB;AACvB,gDAA8B;AAC9B,+CAA6B;AAC7B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AACzB,gDAA8B;AAC9B,2CAAyB;AACzB,oDAAkC;AAClC,2CAAyB;AACzB,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB;AACzB,mDAAiC;AACjC,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB;AACxB,mDAAiC;AACjC,8CAA4B;AAC5B,4CAA0B;AAC1B,gDAA8B;AAC9B,4CAA0B;AAC1B,6CAA2B;AAC3B,6CAA2B;AAC3B,+CAA6B;AAC7B,+CAA6B;AAC7B,0CAAwB;AACxB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,yCAAuB;AACvB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC;AACjC,kDAAgC;AAChC,wCAAsB;AACtB,4CAA0B;AAC1B,0CAAwB;AACxB,yCAAuB;AACvB,gDAA8B;AAC9B,+CAA6B;AAC7B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AACzB,gDAA8B;AAC9B,2CAAyB;AACzB,oDAAkC;AAClC,2CAAyB;AACzB,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB"}
|
package/dist/theme/theme.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ export declare const FONT_SCALE: readonly ["0.75rem", "0.875rem", "1rem", "1.125
|
|
|
27
27
|
export declare const ROOT_FONT_SIZE = "16px";
|
|
28
28
|
export declare const BASE_FONT_SIZE: "1rem";
|
|
29
29
|
export declare const FONT_SCALE_UNIT = "rem";
|
|
30
|
+
export declare const BREAKPOINTS_SCALE: string[];
|
|
30
31
|
export declare const THEME: {
|
|
31
32
|
fonts: {
|
|
32
33
|
body: string;
|
package/dist/theme/theme.js
CHANGED
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.THEME = exports.FONT_SCALE_UNIT = exports.BASE_FONT_SIZE = exports.ROOT_FONT_SIZE = exports.FONT_SCALE = exports.SPACE_SCALE_UNIT = exports.SPACE_SCALE = exports.SCHEMES = exports.DARK = exports.LIGHT = exports.CONSTANTS = void 0;
|
|
14
|
+
exports.THEME = exports.BREAKPOINTS_SCALE = exports.FONT_SCALE_UNIT = exports.BASE_FONT_SIZE = exports.ROOT_FONT_SIZE = exports.FONT_SCALE = exports.SPACE_SCALE_UNIT = exports.SPACE_SCALE = exports.SCHEMES = exports.DARK = exports.LIGHT = exports.CONSTANTS = void 0;
|
|
15
15
|
exports.CONSTANTS = {
|
|
16
16
|
black: "black",
|
|
17
17
|
white: "white",
|
|
@@ -47,6 +47,12 @@ exports.FONT_SCALE = [
|
|
|
47
47
|
exports.ROOT_FONT_SIZE = "16px";
|
|
48
48
|
exports.BASE_FONT_SIZE = exports.FONT_SCALE[2];
|
|
49
49
|
exports.FONT_SCALE_UNIT = "rem";
|
|
50
|
+
exports.BREAKPOINTS_SCALE = [
|
|
51
|
+
"30em",
|
|
52
|
+
"48em",
|
|
53
|
+
"62em",
|
|
54
|
+
"80em", // below 1200px
|
|
55
|
+
];
|
|
50
56
|
exports.THEME = {
|
|
51
57
|
fonts: {
|
|
52
58
|
body: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
|
|
@@ -58,6 +64,6 @@ exports.THEME = {
|
|
|
58
64
|
rootFontSize: exports.ROOT_FONT_SIZE,
|
|
59
65
|
lineHeights: [1, 1.25, 1.33, 1.75],
|
|
60
66
|
space: exports.SPACE_SCALE,
|
|
61
|
-
breakpoints:
|
|
67
|
+
breakpoints: exports.BREAKPOINTS_SCALE,
|
|
62
68
|
};
|
|
63
69
|
//# sourceMappingURL=theme.js.map
|
package/dist/theme/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,QAAA,SAAS,GAAc;IAClC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACf,CAAC;AAcW,QAAA,KAAK,cAChB,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,SAAS,IAChB,iBAAS,EACZ;AAEW,QAAA,IAAI,cACf,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,SAAS,IAChB,iBAAS,EACZ;AAEW,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE,YAAI;IACV,KAAK,EAAE,aAAK;CACb,CAAC;AAIW,QAAA,WAAW,GAAG;IACzB,GAAG;IACH,UAAU;IACV,SAAS;IACT,QAAQ;IACR,SAAS;IACT,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO,EAAE,KAAK;CACN,CAAC;AAEE,QAAA,gBAAgB,GAAG,KAAK,CAAC;AAEzB,QAAA,UAAU,GAAG;IACxB,SAAS;IACT,UAAU;IACV,MAAM;IACN,UAAU;IACV,QAAQ;IACR,MAAM,EAAE,WAAW;CACX,CAAC;AAEE,QAAA,cAAc,GAAG,MAAM,CAAC;AACxB,QAAA,cAAc,GAAG,kBAAU,CAAC,CAAC,CAAC,CAAC;AAC/B,QAAA,eAAe,GAAG,KAAK,CAAC;AAExB,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,8KAA8K;QACpL,IAAI,EAAE,0FAAsF;KAC7F;IACD,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,aAAK;IACb,SAAS,EAAE,kBAAU;IACrB,YAAY,EAAE,sBAAc;IAC5B,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAClC,KAAK,EAAE,mBAAW;IAClB,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,QAAA,SAAS,GAAc;IAClC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACf,CAAC;AAcW,QAAA,KAAK,cAChB,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,SAAS,IAChB,iBAAS,EACZ;AAEW,QAAA,IAAI,cACf,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,SAAS,IAChB,iBAAS,EACZ;AAEW,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE,YAAI;IACV,KAAK,EAAE,aAAK;CACb,CAAC;AAIW,QAAA,WAAW,GAAG;IACzB,GAAG;IACH,UAAU;IACV,SAAS;IACT,QAAQ;IACR,SAAS;IACT,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO,EAAE,KAAK;CACN,CAAC;AAEE,QAAA,gBAAgB,GAAG,KAAK,CAAC;AAEzB,QAAA,UAAU,GAAG;IACxB,SAAS;IACT,UAAU;IACV,MAAM;IACN,UAAU;IACV,QAAQ;IACR,MAAM,EAAE,WAAW;CACX,CAAC;AAEE,QAAA,cAAc,GAAG,MAAM,CAAC;AACxB,QAAA,cAAc,GAAG,kBAAU,CAAC,CAAC,CAAC,CAAC;AAC/B,QAAA,eAAe,GAAG,KAAK,CAAC;AAExB,QAAA,iBAAiB,GAAG;IAC/B,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM,EAAE,eAAe;CACxB,CAAC;AAEW,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,8KAA8K;QACpL,IAAI,EAAE,0FAAsF;KAC7F;IACD,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,aAAK;IACb,SAAS,EAAE,kBAAU;IACrB,YAAY,EAAE,sBAAc;IAC5B,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAClC,KAAK,EAAE,mBAAW;IAClB,WAAW,EAAE,yBAAiB;CAC/B,CAAC"}
|