@olenbetong/synergi-react 1.0.4 → 1.0.6
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/esm/ob.react.js +43 -56
- package/dist/esm/ob.react.min.css.map +1 -1
- package/dist/esm/ob.react.min.js +1 -1
- package/dist/esm/ob.react.min.js.map +3 -3
- package/dist/iife/ob.react.js +46 -59
- package/dist/iife/ob.react.min.css.map +1 -1
- package/dist/iife/ob.react.min.js +1 -1
- package/dist/iife/ob.react.min.js.map +3 -3
- package/dist/styles/styles.css +1 -1
- package/dist/styles/styles.css.map +1 -1
- package/es/Checkbox/index.js +1 -0
- package/es/ColorCard/index.css +1 -1
- package/es/DateNavigator/index.css +1 -1
- package/es/DateNavigator/index.js +1 -1
- package/es/LinkedCardList/index.css +1 -1
- package/es/PageBanner/index.css +1 -1
- package/es/PageBanner/index.js +2 -1
- package/es/Portal/index.js +5 -7
- package/es/Sidebar/index.js +1 -0
- package/es/Spinner/index.d.ts +1 -1
- package/es/SplitContainer/index.d.ts +1 -1
- package/es/SplitContainer/index.js +2 -1
- package/es/ValueToggle/index.js +1 -1
- package/es/index.css +1 -1
- package/es/useTranslation/index.js +2 -1
- package/package.json +5 -5
- package/src/Checkbox/index.tsx +2 -1
- package/src/ColorCard/index.scss +3 -3
- package/src/DateNavigator/index.scss +2 -2
- package/src/DateNavigator/index.tsx +1 -1
- package/src/LinkedCardList/index.scss +4 -4
- package/src/PageBanner/index.scss +8 -8
- package/src/PageBanner/index.tsx +2 -1
- package/src/Portal/index.tsx +8 -7
- package/src/ProgressBar/index.scss +3 -3
- package/src/Sidebar/index.tsx +1 -0
- package/src/Spinner/index.tsx +1 -1
- package/src/SplitContainer/index.tsx +6 -4
- package/src/ValueToggle/index.scss +1 -1
- package/src/ValueToggle/index.tsx +1 -1
- package/src/index.scss +9 -9
- package/src/useTranslation/index.ts +2 -1
package/dist/iife/ob.react.js
CHANGED
|
@@ -9,8 +9,7 @@ var ob;
|
|
|
9
9
|
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
10
10
|
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
11
11
|
}) : x)(function(x) {
|
|
12
|
-
if (typeof require !== "undefined")
|
|
13
|
-
return require.apply(this, arguments);
|
|
12
|
+
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
14
13
|
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
15
14
|
});
|
|
16
15
|
var __commonJS = (cb, mod) => function __require2() {
|
|
@@ -87,10 +86,8 @@ var ob;
|
|
|
87
86
|
if (!n[o2]) {
|
|
88
87
|
if (!t[o2]) {
|
|
89
88
|
var a = typeof __require == "function" && __require;
|
|
90
|
-
if (!u && a)
|
|
91
|
-
|
|
92
|
-
if (i)
|
|
93
|
-
return i(o2, true);
|
|
89
|
+
if (!u && a) return a(o2, true);
|
|
90
|
+
if (i) return i(o2, true);
|
|
94
91
|
var f = new Error("Cannot find module '" + o2 + "'");
|
|
95
92
|
throw f.code = "MODULE_NOT_FOUND", f;
|
|
96
93
|
}
|
|
@@ -103,8 +100,7 @@ var ob;
|
|
|
103
100
|
return n[o2].exports;
|
|
104
101
|
}
|
|
105
102
|
var i = typeof __require == "function" && __require;
|
|
106
|
-
for (var o = 0; o < r2.length; o++)
|
|
107
|
-
s(r2[o]);
|
|
103
|
+
for (var o = 0; o < r2.length; o++) s(r2[o]);
|
|
108
104
|
return s;
|
|
109
105
|
}({ 1: [function(_dereq_, module3, exports3) {
|
|
110
106
|
(function(global2) {
|
|
@@ -2208,8 +2204,8 @@ var ob;
|
|
|
2208
2204
|
});
|
|
2209
2205
|
|
|
2210
2206
|
// src/index.ts
|
|
2211
|
-
var
|
|
2212
|
-
__export(
|
|
2207
|
+
var index_exports = {};
|
|
2208
|
+
__export(index_exports, {
|
|
2213
2209
|
Card: () => Card,
|
|
2214
2210
|
CardColumn: () => CardColumn,
|
|
2215
2211
|
CardDetail: () => CardDetail,
|
|
@@ -2236,21 +2232,15 @@ var ob;
|
|
|
2236
2232
|
// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
2237
2233
|
function r(e) {
|
|
2238
2234
|
var t, f, n = "";
|
|
2239
|
-
if ("string" == typeof e || "number" == typeof e)
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
for (t = 0; t < o; t++)
|
|
2245
|
-
e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
2246
|
-
} else
|
|
2247
|
-
for (f in e)
|
|
2248
|
-
e[f] && (n && (n += " "), n += f);
|
|
2235
|
+
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
2236
|
+
else if ("object" == typeof e) if (Array.isArray(e)) {
|
|
2237
|
+
var o = e.length;
|
|
2238
|
+
for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
|
2239
|
+
} else for (f in e) e[f] && (n && (n += " "), n += f);
|
|
2249
2240
|
return n;
|
|
2250
2241
|
}
|
|
2251
2242
|
function clsx() {
|
|
2252
|
-
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++)
|
|
2253
|
-
(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
2243
|
+
for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
2254
2244
|
return n;
|
|
2255
2245
|
}
|
|
2256
2246
|
var clsx_default = clsx;
|
|
@@ -2386,7 +2376,7 @@ var ob;
|
|
|
2386
2376
|
const dateUtc = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate());
|
|
2387
2377
|
let dateValue = new Date(dateUtc);
|
|
2388
2378
|
let text = formatter.format(dateValue);
|
|
2389
|
-
let altText;
|
|
2379
|
+
let altText = "";
|
|
2390
2380
|
if (todayUtc === dateUtc) {
|
|
2391
2381
|
altText = (0, import_appframe_core.getLocalizedString)("Today");
|
|
2392
2382
|
} else if (todayUtc === dateUtc + oneDay) {
|
|
@@ -2432,7 +2422,7 @@ var ob;
|
|
|
2432
2422
|
}
|
|
2433
2423
|
var BannerImage = import_react3.default.forwardRef(function BannerImage2(props, ref) {
|
|
2434
2424
|
const { className, ...other } = props;
|
|
2435
|
-
return /* @__PURE__ */ import_react3.default.createElement("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), ...other });
|
|
2425
|
+
return /* @__PURE__ */ import_react3.default.createElement("img", { ref, className: clsx_default("ObPageBanner-bannerImage", className), alt: "", ...other });
|
|
2436
2426
|
});
|
|
2437
2427
|
function TabList({ as, className, children, sticky, ...other }) {
|
|
2438
2428
|
const Component = as ? as : "nav";
|
|
@@ -2467,23 +2457,21 @@ var ob;
|
|
|
2467
2457
|
const portalNode = (0, import_react4.useRef)(null);
|
|
2468
2458
|
(0, import_react4.useEffect)(() => {
|
|
2469
2459
|
const ownerDocument = mountNode.current?.ownerDocument;
|
|
2470
|
-
|
|
2471
|
-
if (ownerDocument && portalElem) {
|
|
2460
|
+
if (ownerDocument && !portalNode.current) {
|
|
2472
2461
|
let parent = root ? ownerDocument.querySelector(root) || ownerDocument.body : ownerDocument.body;
|
|
2473
2462
|
const node = ownerDocument.createElement(type);
|
|
2474
|
-
|
|
2463
|
+
portalNode.current = node;
|
|
2475
2464
|
parent.appendChild(node);
|
|
2476
2465
|
forceUpdate();
|
|
2477
2466
|
return () => {
|
|
2478
2467
|
parent.removeChild(node);
|
|
2479
2468
|
};
|
|
2480
2469
|
}
|
|
2481
|
-
}, []);
|
|
2470
|
+
}, [root, type]);
|
|
2482
2471
|
if (!portalNode.current) {
|
|
2483
2472
|
return /* @__PURE__ */ React.createElement("div", { ref: mountNode });
|
|
2484
|
-
} else {
|
|
2485
|
-
return (0, import_react_dom.createPortal)(children, portalNode.current);
|
|
2486
2473
|
}
|
|
2474
|
+
return (0, import_react_dom.createPortal)(children, portalNode.current);
|
|
2487
2475
|
}
|
|
2488
2476
|
|
|
2489
2477
|
// src/ProgressBar/index.tsx
|
|
@@ -2584,14 +2572,13 @@ var ob;
|
|
|
2584
2572
|
}
|
|
2585
2573
|
|
|
2586
2574
|
// src/Spinner/index.tsx
|
|
2587
|
-
var import_react7 = __toESM(require_react(), 1);
|
|
2588
2575
|
function Spinner({ className = "", fullPage = false, ...rest }) {
|
|
2589
|
-
return /* @__PURE__ */
|
|
2576
|
+
return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, fullPage ? "ObSpinner-fullPage" : "ObSpinner-wrapper"), ...rest }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-spinner" }, /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" }), /* @__PURE__ */ React.createElement("div", { className: "ObSpinner-bullet" })));
|
|
2590
2577
|
}
|
|
2591
2578
|
|
|
2592
2579
|
// src/SplitContainer/index.tsx
|
|
2593
2580
|
var import_localforage = __toESM(require_localforage(), 1);
|
|
2594
|
-
var
|
|
2581
|
+
var import_react7 = __toESM(require_react(), 1);
|
|
2595
2582
|
var article = window.af?.article?.id ?? window.window?.location.pathname.substring(1).split("/")[0];
|
|
2596
2583
|
var settingsStore = import_localforage.default.createInstance({
|
|
2597
2584
|
name: `AfSplitContainers.${window.af?.userSession.login ?? "anonymous"}`
|
|
@@ -2625,18 +2612,18 @@ var ob;
|
|
|
2625
2612
|
)
|
|
2626
2613
|
)
|
|
2627
2614
|
);
|
|
2628
|
-
var Divider = (0,
|
|
2629
|
-
return /* @__PURE__ */
|
|
2615
|
+
var Divider = (0, import_react7.forwardRef)(function Divider2(props, ref) {
|
|
2616
|
+
return /* @__PURE__ */ React.createElement("div", { className: clsx_default("ObSplitContainer-divider", props.className), ref }, /* @__PURE__ */ React.createElement("span", null, "\u2022\u2022\u2022"));
|
|
2630
2617
|
});
|
|
2631
2618
|
function SplitRoot({ className, direction, ...props }) {
|
|
2632
|
-
return /* @__PURE__ */
|
|
2619
|
+
return /* @__PURE__ */ React.createElement("div", { className: clsx_default(className, "ObSplitContainer-root", direction), ...props });
|
|
2633
2620
|
}
|
|
2634
2621
|
function SplitPanel(props) {
|
|
2635
2622
|
let style = {
|
|
2636
2623
|
flex: props.fixed ? `0 0 ${Math.floor(props.size)}px` : "1 1 100%",
|
|
2637
2624
|
...props.style
|
|
2638
2625
|
};
|
|
2639
|
-
return /* @__PURE__ */
|
|
2626
|
+
return /* @__PURE__ */ React.createElement("div", { className: clsx_default(props.className, "ObSplitContainer-panel"), style }, props.children);
|
|
2640
2627
|
}
|
|
2641
2628
|
function SplitContainer({
|
|
2642
2629
|
className,
|
|
@@ -2648,10 +2635,10 @@ var ob;
|
|
|
2648
2635
|
layoutVersion = 1,
|
|
2649
2636
|
id
|
|
2650
2637
|
}) {
|
|
2651
|
-
let [fixedSize, setFixedSize] = (0,
|
|
2652
|
-
let [isDragging, setIsDragging] = (0,
|
|
2653
|
-
let dividerRef = (0,
|
|
2654
|
-
if (
|
|
2638
|
+
let [fixedSize, setFixedSize] = (0, import_react7.useState)(defaultFixedSize);
|
|
2639
|
+
let [isDragging, setIsDragging] = (0, import_react7.useState)(false);
|
|
2640
|
+
let dividerRef = (0, import_react7.useRef)(null);
|
|
2641
|
+
if (import_react7.Children.count(children) !== 2) {
|
|
2655
2642
|
throw Error("SplitContainer requires exactly 2 children");
|
|
2656
2643
|
}
|
|
2657
2644
|
function handleFixedSizeChanged(size) {
|
|
@@ -2664,7 +2651,7 @@ var ob;
|
|
|
2664
2651
|
return newValue;
|
|
2665
2652
|
});
|
|
2666
2653
|
}
|
|
2667
|
-
(0,
|
|
2654
|
+
(0, import_react7.useEffect)(() => {
|
|
2668
2655
|
if (id) {
|
|
2669
2656
|
let key = `${article}.${id}`;
|
|
2670
2657
|
getSettings(key, layoutVersion).then((data) => {
|
|
@@ -2675,8 +2662,8 @@ var ob;
|
|
|
2675
2662
|
});
|
|
2676
2663
|
}
|
|
2677
2664
|
}, [id, layoutVersion]);
|
|
2678
|
-
let childrenArray =
|
|
2679
|
-
(0,
|
|
2665
|
+
let childrenArray = import_react7.Children.toArray(children);
|
|
2666
|
+
(0, import_react7.useEffect)(() => {
|
|
2680
2667
|
let divider = dividerRef.current;
|
|
2681
2668
|
if (divider) {
|
|
2682
2669
|
let getNewSize = function(event) {
|
|
@@ -2737,11 +2724,11 @@ var ob;
|
|
|
2737
2724
|
};
|
|
2738
2725
|
}
|
|
2739
2726
|
}, [direction, fixedPanel]);
|
|
2740
|
-
return /* @__PURE__ */
|
|
2727
|
+
return /* @__PURE__ */ React.createElement(SplitRoot, { direction, className }, /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 1, size: fixedSize }, childrenArray[0]), /* @__PURE__ */ React.createElement(Divider, { ref: dividerRef, direction, isDragging }), /* @__PURE__ */ React.createElement(SplitPanel, { className: clsx_default(isDragging && "dragging", panelClassName), fixed: fixedPanel === 2, size: fixedSize }, childrenArray[1]));
|
|
2741
2728
|
}
|
|
2742
2729
|
|
|
2743
2730
|
// src/useTranslation/index.ts
|
|
2744
|
-
var
|
|
2731
|
+
var import_react8 = __toESM(require_react(), 1);
|
|
2745
2732
|
async function translateText(text, target, apiKey) {
|
|
2746
2733
|
let url = `https://translation.googleapis.com/language/translate/v2?key=${apiKey}`;
|
|
2747
2734
|
let body = JSON.stringify({
|
|
@@ -2755,7 +2742,7 @@ var ob;
|
|
|
2755
2742
|
let result = await fetch(url, options);
|
|
2756
2743
|
let json = await result.json();
|
|
2757
2744
|
let { data } = json;
|
|
2758
|
-
if (data
|
|
2745
|
+
if (data?.translations) {
|
|
2759
2746
|
let [translation] = data.translations;
|
|
2760
2747
|
return {
|
|
2761
2748
|
from: translation.detectedSourceLanguage,
|
|
@@ -2765,12 +2752,12 @@ var ob;
|
|
|
2765
2752
|
return false;
|
|
2766
2753
|
}
|
|
2767
2754
|
function useTranslation(text, targetLanguage, apiKey) {
|
|
2768
|
-
let [translation, setTranslation] = (0,
|
|
2769
|
-
let [error, setError] = (0,
|
|
2770
|
-
let [from, setSourceLang] = (0,
|
|
2771
|
-
let [isTranslating, setIsTranslating] = (0,
|
|
2772
|
-
let textRef = (0,
|
|
2773
|
-
(0,
|
|
2755
|
+
let [translation, setTranslation] = (0, import_react8.useState)("");
|
|
2756
|
+
let [error, setError] = (0, import_react8.useState)(null);
|
|
2757
|
+
let [from, setSourceLang] = (0, import_react8.useState)(null);
|
|
2758
|
+
let [isTranslating, setIsTranslating] = (0, import_react8.useState)(false);
|
|
2759
|
+
let textRef = (0, import_react8.useRef)(text);
|
|
2760
|
+
(0, import_react8.useEffect)(() => {
|
|
2774
2761
|
textRef.current = text;
|
|
2775
2762
|
return () => {
|
|
2776
2763
|
setTranslation("");
|
|
@@ -2806,13 +2793,13 @@ var ob;
|
|
|
2806
2793
|
}
|
|
2807
2794
|
|
|
2808
2795
|
// src/ValueToggle/index.tsx
|
|
2809
|
-
var
|
|
2796
|
+
var import_react9 = __toESM(require_react(), 1);
|
|
2810
2797
|
var valueToggleId = 0;
|
|
2811
2798
|
function ValueToggleInner({ className, onChange, defaultValue, options, value, ...other }, ref) {
|
|
2812
|
-
const wrapperRef = (0,
|
|
2813
|
-
const [toggleName] = (0,
|
|
2799
|
+
const wrapperRef = (0, import_react9.useRef)(null);
|
|
2800
|
+
const [toggleName] = (0, import_react9.useState)(`obet-value-toggle-${String(++valueToggleId)}`);
|
|
2814
2801
|
const isControlled = value !== void 0;
|
|
2815
|
-
(0,
|
|
2802
|
+
(0, import_react9.useImperativeHandle)(ref, () => {
|
|
2816
2803
|
const e = wrapperRef.current?.querySelector("input");
|
|
2817
2804
|
return {
|
|
2818
2805
|
focus: () => e?.focus(),
|
|
@@ -2840,8 +2827,8 @@ var ob;
|
|
|
2840
2827
|
return /* @__PURE__ */ React.createElement("label", { key: optValue, className: "ObValueToggle-option" }, /* @__PURE__ */ React.createElement("input", { type: "radio", className: "ObValueToggle-input", name: toggleName, ...props }), /* @__PURE__ */ React.createElement("span", { className: "ObValueToggle-label" }, isObj ? option.label || optValue : optValue));
|
|
2841
2828
|
})));
|
|
2842
2829
|
}
|
|
2843
|
-
var ValueToggle = (0,
|
|
2844
|
-
return __toCommonJS(
|
|
2830
|
+
var ValueToggle = (0, import_react9.forwardRef)(ValueToggleInner);
|
|
2831
|
+
return __toCommonJS(index_exports);
|
|
2845
2832
|
})();
|
|
2846
2833
|
/*! Bundled license information:
|
|
2847
2834
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Checkbox/index.scss", "../../src/ColorCard/index.scss", "../../src/DateNavigator/index.scss", "../../src/styles/_mixins.scss", "../../src/LinkedCardList/index.scss", "../../src/PageBanner/index.scss", "../../src/styles/_variables.scss", "../../src/ProgressBar/index.scss", "../../src/Sidebar/index.scss", "../../src/Spinner/index.scss", "../../src/SplitContainer/index.scss", "../../src/ValueToggle/index.scss"],
|
|
4
|
-
"sourcesContent": [".ObCheckbox-root {\n\t--check-width: 2rem;\n\t--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));\n\t--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));\n\t--bg-color-selected: var(--brand-light);\n\n\tdisplay: inline-block;\n\theight: var(--check-width);\n\tmargin-bottom: 0;\n\n\t&:focus-within .ObCheckbox-box {\n\t\tborder: 0.1rem solid black;\n\t}\n\n\t&.Ob-disabled {\n\t\t--bg-color: rgba(150, 150, 150, 0.5);\n\t\t--bg-color-hover: var(--bg-color);\n\t}\n}\n\n.ObCheckbox-box {\n\tposition: relative;\n\n\tbackground: var(--bg-color);\n\ttransition: background 300ms ease;\n\n\toverflow: hidden;\n\n\tborder-radius: calc(var(--check-width) / 15);\n\theight: var(--check-width);\n\twidth: var(--check-width);\n\n\t&:hover {\n\t\tbackground: var(--bg-color-hover);\n\t}\n}\n\n.ObCheckbox-label {\n\tposition: relative;\n\tmargin-bottom: 0;\n\toverflow: hidden;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.ObCheckbox-mark {\n\tcolor: #fff;\n\tdisplay: inline-block;\n\tfont-size: calc(var(--check-width) * 0.4);\n\tleft: 50%;\n\topacity: 0;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransition: all 300ms ease-in-out;\n\ttransition-delay: 0ms;\n\ttransform: translate(-50%, -50%) scale(6);\n}\n\n.ObCheckbox-input {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.check_Label {\n\tmargin-bottom: 0;\n\tflex-grow: 1;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label {\n\tanimation: animOn 800ms 1 forwards;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {\n\tbackground: var(--bg-color-selected);\n}\n\n.ObCheckbox-input:checked + .ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark {\n\ttransform: translate(-50%, -50%) scale(1);\n\ttransition-delay: 200ms;\n\topacity: 1;\n}\n\n.ObCheckbox-root.Ob-disabled .ObCheckbox-box {\n\tcursor: not-allowed;\n}\n\n@keyframes animOn {\n\t40% {\n\t\ttransform: scaleY(0.4) scaleX(2);\n\t}\n\n\t50% {\n\t\ttransform: scaleY(1.2) scaleX(0.6);\n\t}\n\n\t60% {\n\t\ttransform: scaleY(0.8) scaleX(1.4);\n\t}\n\n\t70% {\n\t\ttransform: scaleY(1.1) scaleX(0.9);\n\t}\n\n\t100% {\n\t\ttransform: scaleY(1) scaleX(1);\n\t}\n}\n", "@import \"../styles/variables\";\n\n.ObColorCard-root {\n\t--bg-color-border: black;\n\t--bg-color-main: white;\n\t--bg-size: 0.75rem;\n\t--card-color: rgb(0, 0, 0);\n\n\talign-items: stretch;\n\tbackground-image: linear-gradient(to right, $brand-primary, $brand-primary 0.75rem, white 0.75rem, white);\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\tvar(--bg-color-border),\n\t\tvar(--bg-color-border) var(--bg-size),\n\t\tvar(--bg-color-main) var(--bg-size),\n\t\tvar(--bg-color-main)\n\t);\n\tborder-radius: 0.25rem;\n\tbox-shadow:\n\t\t0 1px 12px rgba(0, 0, 0, 0.15),\n\t\t0 1px 6px rgba(0, 0, 0, 0.25);\n\tcolor: #666;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-family:\n\t\t\"Variable Bahnschrift\",\n\t\t\"Bahnschrift\",\n\t\t\"Open Sans\",\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\t\"Segoe UI\",\n\t\tRoboto,\n\t\t\"Helvetica Neue\",\n\t\tArial,\n\t\tsans-serif,\n\t\t\"Apple Color Emoji\",\n\t\t\"Segoe UI Emoji\",\n\t\t\"Segoe UI Symbol\";\n\tfont-size: 1rem;\n\tmin-height: 10rem;\n\toverflow: hidden;\n\ttransition: all ease-in-out 300ms;\n\n\t&:nth-of-type(5n + 1) {\n\t\t--bg-color-border: rgb(178, 108, 190);\n\t}\n\t&:nth-of-type(5n + 2) {\n\t\t--bg-color-border: rgb(79, 164, 61);\n\t}\n\t&:nth-of-type(5n + 3) {\n\t\t--bg-color-border: rgb(246, 170, 23);\n\t}\n\t&:nth-of-type(5n + 4) {\n\t\t--bg-color-border: rgb(218, 93, 83);\n\t}\n\t&:nth-of-type(5n + 5) {\n\t\t--bg-color-border: rgb(23, 162, 184);\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\t/*--bg-size: 1rem;*/\n\t\t--bg-color-main: #f5f5f5;\n\n\t\tbox-shadow:\n\t\t\t0 3px 18px rgba(0, 0, 0, 0.15),\n\t\t\t0 3px 12px rgba(0, 0, 0, 0.25);\n\t\tcolor: #666;\n\t\ttext-decoration: none;\n\t\t/*transform: scale(1.03) translateY(-3px);*/\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1.2rem;\n\t}\n}\n\n.ObColorCard-column {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 1rem 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 1.5rem 0.5rem 1rem;\n\ttext-overflow: ellipsis;\n\n\t&:first-child {\n\t\tmargin-left: 0.75rem;\n\t\tmargin-left: var(--bg-size);\n\t}\n\n\t&.ObColorCard-minor {\n\t\tborder-right: 1px solid #e3e3e3;\n\t\tflex: 0 0 4rem;\n\t\ttransition: margin ease-in-out 300ms;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\t&.ObColorCard-minor {\n\t\t\tflex: 0 0 8rem;\n\t\t}\n\t}\n}\n\n.ObColorCard-detailLabel {\n\tcolor: #ccc;\n\tfont-size: 0.8rem;\n\ttext-transform: uppercase;\n}\n\n.ObColorCard-detail {\n\t&:not(:last-child) {\n\t\tmargin-right: 1.5rem;\n\t}\n\n\t&.ObColorCard-primary,\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tfont-size: 1.25rem;\n\t\tfont-weight: 300;\n\t}\n\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tcolor: unset;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1rem;\n\t}\n}\n\n.ObColorCard-detailValue {\n\tcolor: #999;\n}\n\n.ObColorCard-label {\n\tposition: relative;\n\tpadding-left: 1.5rem;\n\t/* white-space: nowrap; */\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: 1rem;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 0.2rem;\n\t\t\theight: calc(100% + 1rem);\n\t\t\tborder-left: 0.2rem dotted #666;\n\t\t\tleft: 0.25rem;\n\t\t\ttop: 0.5rem;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n\n\t&::before {\n\t\tbackground: white;\n\t\tborder: 0.2rem solid $brand-primary;\n\t\tborder: 0.2rem solid var(--bg-color-border);\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 0.75rem;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0.3rem;\n\t\twidth: 0.75rem;\n\t\tz-index: 1;\n\t}\n}\n", "@import \"../styles/mixins\";\n\n$date-select-height: 3rem;\n\n.ObDateNavigator-icon {\n\tdisplay: inline-block;\n\n\tsvg {\n\t\twidth: 0.625em;\n\t\tposition: relative;\n\t\ttop: -1px;\n\t}\n}\n\n.ObDateNavigator-root {\n\tbackground-color: hsl(220, 20%, 96%);\n\tbackground-color: var(--block-header-color-bg);\n\tdisplay: flex;\n\tfont-size: 1rem;\n}\n\n.ObDateNavigator-arrow {\n\t@include btn-reset;\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 0 $date-select-height;\n\tjustify-content: center;\n\n\theight: $date-select-height;\n\n\tcursor: pointer;\n\ttext-align: center;\n\n\t&:hover {\n\t\tbackground-color: #e3e3e3;\n\t\tbackground-color: var(--block-header-button-hover);\n\t}\n}\n\n.ObDateNavigator-arrowLeft {\n\tborder-right: 1px solid #dddddd;\n\torder: 1;\n}\n\n.ObDateNavigator-arrowRight {\n\tborder-left: 1px solid #dddddd;\n\torder: 3;\n}\n\n.ObDateNavigator-date {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: center;\n\torder: 2;\n\n\theight: $date-select-height;\n\n\ttext-align: center;\n}\n", "@mixin btn-reset {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\t/* cursor: default; */\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-appearance: button; /* for input */\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\n\t&::-moz-focus-inner {\n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n}\n", "@import \"../styles/variables\";\n\n$bullet-size: 0.7em;\n$line-width: 0.2em;\n\n.ObLinkedList-root {\n\tlist-style-type: none;\n\tmargin-left: 0;\n\tpadding-left: 0;\n}\n\n.ObLinkedList-item {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n}\n\n.ObLinkedList-leftColumn {\n\tflex: 1 1 4em;\n\tfont-size: 0.75em;\n\tpadding: 0 1em;\n\ttext-align: center;\n}\n\n.ObLinkedList-rightColumn {\n\tflex: 1 1 100%;\n\tpadding: 1em 1em 1em 1.5em;\n}\n\n.ObLinkedList-line {\n\tdisplay: flex;\n\talign-self: stretch;\n\tflex: 0 0 $line-width;\n\tbackground: white;\n\tposition: relative;\n}\n\n.ObLinkedList-bullet {\n\tbackground: white;\n\n\tborder: 1px solid rgba(50, 50, 50, 0.25);\n\tborder-radius: 0.55em;\n\theight: $bullet-size;\n\twidth: $bullet-size;\n\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\n\ttransform: translate(calc(-1 * ($bullet-size / 2) + ($line-width / 2)), -50%);\n}\n\n.ObLinkedList-card {\n\tbackground: white;\n\tborder: 1px solid;\n\tborder-color: $color-border-top $color-border-side $color-border-bottom;\n\tborder-radius: 0.1875em;\n\tcolor: inherit;\n\tcursor: pointer;\n\tflex: 100% 1 1;\n\tposition: relative;\n}\n\n.ObLinkedList-card::before {\n\tborder-bottom: 0.5em solid transparent;\n\tborder-right: 1em solid white;\n\tborder-top: 0.5em solid transparent;\n\tcontent: \" \";\n\tfilter: drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));\n\theight: 1em;\n\tleft: -1em;\n\tmargin-top: -0.5em;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 1em;\n}\n\n.ObLinkedList-card:hover {\n\tbackground-color: $block-color-bg-hover !important;\n\tcolor: inherit;\n\ttext-decoration: inherit;\n}\n\n.ObLinkedList-card:hover::before {\n\tborder-right-color: $block-color-bg-hover !important;\n}\n", "@import \"../styles/variables\";\n\n.ObPageBanner-root {\n\tbackground-color: $brand-primary;\n\tbackground-color: var(--brand-dark);\n\tbox-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);\n\tcolor: white;\n\n\ta {\n\t\tcolor: hsl(200, 50%, 80%);\n\t}\n}\n\n.ObPageBanner-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\n\t@media screen and (min-width: $screen-md) {\n\t\talign-items: flex-start;\n\t\tflex-direction: row;\n\t}\n}\n\n.ObPageBanner-plantTitle {\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-bannerImage {\n\talign-self: stretch;\n\tbackground-color: #ddd;\n\tdisplay: inline-block;\n\theight: 20vh;\n\tobject-fit: cover;\n\tobject-position: center center;\n\twidth: 100%;\n\n\t@media screen and (min-width: $screen-sm) {\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t\tborder: 0.4rem solid white;\n\t\tborder-radius: 50%;\n\t\theight: 150px;\n\t\twidth: 150px;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\theight: 250px;\n\t\twidth: 250px;\n\t}\n}\n\n.ObPageBanner-bannerTitle {\n\tmargin-bottom: 1rem;\n\tmargin-top: 1rem;\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: $screen-md) {\n\t\tmargin-top: 0;\n\t}\n\n\t@media screen and (min-width: $screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-tabList {\n\t&.sticky {\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: 1000;\n\t}\n}\n\n.ObPageBanner-tabListInner {\n\toverflow-x: auto;\n\tscrollbar-width: thin;\n\twhite-space: nowrap;\n}\n\n.ObPageBanner-tab {\n\tborder-bottom: 0.25rem solid transparent;\n\tdisplay: inline-block;\n\tmargin-top: 0.5rem;\n\tmin-width: 8rem;\n\tpadding: 0.5rem 1rem;\n\ttext-align: center;\n\ttext-transform: capitalize;\n\n\t&.active {\n\t\tborder-color: white;\n\t}\n}\n", "$brand-primary: hsl(186, 72%, 24%);\n$brand-light: hsl(186, 72%, 37%);\n$brand-dark: hsl(186, 74%, 20%);\n$brand-tertiary: rgb(68, 69, 84);\n\n$link-color: $brand-primary;\n$link-color-hover: $brand-dark;\n\n$line-height: 1.4;\n\n$color-bg-hover: hsla(186, 72%, 37%, 0.6);\n$color-bg-active: hsla(95, 49%, 71%, 0.2);\n$color-fg-active: black;\n\n$color-border-top: #e5e6e9;\n$color-border-side: #dfe0e4;\n$color-border-bottom: #d0d1d5;\n\n$navbar-height: 40px;\n\n$screen-xs: 0;\n$screen-sm: 576px;\n$screen-md: 768px;\n$screen-lg: 992px;\n$screen-xl: 1200px;\n\n$block-header-color-bg: hsl(220, 20%, 96%);\n$block-header-color-bg-hover: hsl(220, 20%, 92%);\n$block-header-color-fg: hsl(0, 0%, 20%);\n$block-color-bg-alt: hsl(220, 20%, 98%);\n$block-color-bg-hover: hsl(220, 20%, 94%);\n$block-color-border: #e5e5e5;\n\n$block-header-button-hover: hsl(220, 20%, 92%);\n$block-header-button-border: hsl(220, 7%, 82%);\n$block-header-button-active: hsl(220, 20%, 86%);\n\n$sidebar-padding: 0.9375rem;\n$sidebar-width: 18rem;\n$sidebar-fg-color: hsl(0, 0%, 90%);\n$sidebar-bg-color: hsl(186, 74%, 13%);\n$sidebar-header-color: hsl(220, 6%, 70%);\n$sidebar-link-fg-color: white;\n$sidebar-link-fg-active: white;\n$sidebar-link-bg-color: transparent;\n$sidebar-link-bg-hover: hsla(0, 0%, 100%, 0.1);\n$sidebar-link-bg-active: hsl(142, 13%, 13%);\n\n$padding-xs: 0.75rem;\n$padding-sm: 0.9375rem;\n$padding-lg: 1.5rem;\n\n$grid-gutter-width: 30px;\n\n$container-tablet: (720px + $grid-gutter-width);\n$container-sm: $container-tablet;\n$container-desktop: (940px + $grid-gutter-width);\n$container-md: $container-desktop;\n$container-large-desktop: (1140px + $grid-gutter-width);\n$container-lg: $container-large-desktop;\n\n$toolbar-background: linear-gradient(#fefefe, #fafafa); //white;\n$toolbar-height: 3.125rem;\n$toolbar-border-color: #dedede;\n$toolbar-border-width: 1px;\n\n$toolbar-btn-color: hsla(0, 0%, 60%, 0.8);\n$toolbar-btn-hover-color: hsla(0, 0%, 40%, 0.8);\n$toolbar-btn-bg: transparent;\n$toolbar-btn-hover-bg: linear-gradient(hsl(0, 0%, 89%), hsl(0, 0%, 87%));\n", "@import \"../styles/variables\";\n\n.ObProgressBar-root {\n\theight: 1.5em;\n\twidth: 100%;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-color: whiteSmoke;\n\tborder: none;\n\tborder-radius: 3px;\n\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\tcolor: royalblue;\n\tposition: relative;\n\n\t&::-webkit-progress-bar {\n\t\tbackground-color: whiteSmoke;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\t}\n\n\t&::-webkit-progress-value {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary, $brand-primary), var(--brand-light, $brand-light));\n\t\tbackground-image:\n\t\t\t-webkit-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-webkit-linear-gradient(left, var(--brand-primary), $brand-primary, var(--brand-light, $brand-light));\n\t\tbackground-size:\n\t\t\t35px 20px,\n\t\t\t100% 100%,\n\t\t\t100% 100%;\n\t\tborder-radius: 3px;\n\t\tposition: relative;\n\t\ttransition: width 0.5s ease-out;\n\t}\n\n\t&::-webkit-progress-value:after {\n\t\tbackground-color: white;\n\t\tcontent: \"\";\n\n\t\tborder-radius: 100%;\n\t\theight: 5px;\n\n\t\tposition: absolute;\n\t\tright: 7px;\n\t\ttop: 7px;\n\t\twidth: 5px;\n\t}\n\n\t&::-moz-progress-bar {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-image:\n\t\t\t-moz-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-size:\n\t\t\t35px 20px,\n\t\t\t100% 100%,\n\t\t\t100% 100%;\n\t\tborder-radius: 3px;\n\t\ttransition: width 0.5s ease-out;\n\t}\n}\n", ".ObSidebar-root {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 2;\n\n\tbackground-color: white;\n\n\ttransform: translateX(-100%);\n\ttransition: transform 0.2s ease-out;\n\twill-change: transform;\n\n\t&.Ob-right {\n\t\tleft: unset;\n\t\tright: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\toverflow-y: auto;\n\n\t&.Ob-open {\n\t\ttransform: translateX(0);\n\t}\n\n\t&.ObSidebar-shadow {\n\t\tbox-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n\n\t\t&.Ob-right {\n\t\t\tbox-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n\t\t}\n\t}\n}\n\n.ObSidebar-overlay {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tz-index: 1;\n\n\topacity: 0;\n\tvisibility: hidden;\n\n\ttransition:\n\t\topacity 0.3s ease-out,\n\t\tvisibility 0.3s ease-out;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\n\t&.Ob-open {\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}\n", "$bullet-size: 0.5em;\n\n.ObSpinner-root {\n\tdisplay: inline-block;\n}\n\n.ObSpinner-fullPage {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\theight: 100vh;\n\twidth: 100vw;\n}\n\n.ObSpinner-spinner {\n\tdisplay: inline-block;\n\theight: $bullet-size * 1.5;\n\tposition: relative;\n\twidth: $bullet-size * 5;\n}\n\n.ObSpinner-bullet {\n\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\tbackground: #666;\n\tborder-radius: 50%;\n\theight: $bullet-size;\n\tposition: absolute;\n\ttop: 0.2rem;\n\twidth: $bullet-size;\n\n\t&:nth-child(1) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(2) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 2.4;\n\t}\n\n\t&:nth-child(4) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out reverse;\n\t\tleft: $bullet-size * 4;\n\t}\n}\n\n@keyframes scaleAnimation {\n\tfrom {\n\t\ttransform: scale(0);\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes translateAnimation {\n\tfrom {\n\t\ttransform: translate(0, 0);\n\t}\n\n\tto {\n\t\ttransform: translate($bullet-size * 1.65, 0);\n\t}\n}\n", "/**\nHacky solution to sass output for some reason getting a zero-width space at the beginning, which breaks the first selector\n*/\n.😖 {\n\tdisplay: initial;\n}\n\n.ObSplitContainer-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\n\t&.horizontal {\n\t\tflex-direction: row;\n\t}\n}\n\n.ObSplitContainer-panel {\n\toverflow: hidden;\n}\n\n.ObSplitContainer-divider {\n\tflex: 0 0 0.5rem;\n\tbackground-color: transparent;\n\tline-height: 0.75;\n\tcursor: ns-resize;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:focus {\n\t\tbackground-color: rgba(0, 0, 0, 0.3);\n\t}\n\n\t.ObSplitContainer-root.horizontal > & {\n\t\tcursor: ew-resize;\n\t\twriting-mode: vertical-lr;\n\t}\n}\n\n.ObSplitContainer-panel.dragging {\n\tpointer-events: none;\n}\n", "@import \"../styles/variables\";\n\n.ObValueToggle-root {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ObValueToggle-option {\n\tmargin-bottom: 0;\n}\n\n.ObValueToggle-label {\n\tcursor: pointer;\n\tfont-size: 0.8em;\n\tmargin: 0 0.2em;\n\tpadding: 0.3em 0.5em;\n\ttext-transform: uppercase;\n\n\t&:hover {\n\t\tbackground: #ccc;\n\t}\n\n\t.ObValueToggle-input:checked + & {\n\t\t--color-bg: var(--brand-dark);\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t\tcursor: default;\n\t\tcolor: white;\n\t}\n\n\t.ObValueToggle-input:checked:focus-within + & {\n\t\t--color-bg: var(--brand-light);\n\t}\n\n\t.ObValueToggle-input:checked:hover + & {\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t}\n}\n\n.ObValueToggle-input {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\tborder: 0;\n}\n"],
|
|
4
|
+
"sourcesContent": [".ObCheckbox-root {\n\t--check-width: 2rem;\n\t--bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));\n\t--bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));\n\t--bg-color-selected: var(--brand-light);\n\n\tdisplay: inline-block;\n\theight: var(--check-width);\n\tmargin-bottom: 0;\n\n\t&:focus-within .ObCheckbox-box {\n\t\tborder: 0.1rem solid black;\n\t}\n\n\t&.Ob-disabled {\n\t\t--bg-color: rgba(150, 150, 150, 0.5);\n\t\t--bg-color-hover: var(--bg-color);\n\t}\n}\n\n.ObCheckbox-box {\n\tposition: relative;\n\n\tbackground: var(--bg-color);\n\ttransition: background 300ms ease;\n\n\toverflow: hidden;\n\n\tborder-radius: calc(var(--check-width) / 15);\n\theight: var(--check-width);\n\twidth: var(--check-width);\n\n\t&:hover {\n\t\tbackground: var(--bg-color-hover);\n\t}\n}\n\n.ObCheckbox-label {\n\tposition: relative;\n\tmargin-bottom: 0;\n\toverflow: hidden;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.ObCheckbox-mark {\n\tcolor: #fff;\n\tdisplay: inline-block;\n\tfont-size: calc(var(--check-width) * 0.4);\n\tleft: 50%;\n\topacity: 0;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 50%;\n\ttransition: all 300ms ease-in-out;\n\ttransition-delay: 0ms;\n\ttransform: translate(-50%, -50%) scale(6);\n}\n\n.ObCheckbox-input {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n}\n\n.check_Label {\n\tmargin-bottom: 0;\n\tflex-grow: 1;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label {\n\tanimation: animOn 800ms 1 forwards;\n}\n\n.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {\n\tbackground: var(--bg-color-selected);\n}\n\n.ObCheckbox-input:checked + .ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark {\n\ttransform: translate(-50%, -50%) scale(1);\n\ttransition-delay: 200ms;\n\topacity: 1;\n}\n\n.ObCheckbox-root.Ob-disabled .ObCheckbox-box {\n\tcursor: not-allowed;\n}\n\n@keyframes animOn {\n\t40% {\n\t\ttransform: scaleY(0.4) scaleX(2);\n\t}\n\n\t50% {\n\t\ttransform: scaleY(1.2) scaleX(0.6);\n\t}\n\n\t60% {\n\t\ttransform: scaleY(0.8) scaleX(1.4);\n\t}\n\n\t70% {\n\t\ttransform: scaleY(1.1) scaleX(0.9);\n\t}\n\n\t100% {\n\t\ttransform: scaleY(1) scaleX(1);\n\t}\n}\n", "@use \"../styles/variables\";\n\n.ObColorCard-root {\n\t--bg-color-border: black;\n\t--bg-color-main: white;\n\t--bg-size: 0.75rem;\n\t--card-color: rgb(0, 0, 0);\n\n\talign-items: stretch;\n\tbackground-image: linear-gradient(to right, variables.$brand-primary, variables.$brand-primary 0.75rem, white 0.75rem, white);\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\tvar(--bg-color-border),\n\t\tvar(--bg-color-border) var(--bg-size),\n\t\tvar(--bg-color-main) var(--bg-size),\n\t\tvar(--bg-color-main)\n\t);\n\tborder-radius: 0.25rem;\n\tbox-shadow:\n\t\t0 1px 12px rgba(0, 0, 0, 0.15),\n\t\t0 1px 6px rgba(0, 0, 0, 0.25);\n\tcolor: #666;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-family:\n\t\t\"Variable Bahnschrift\",\n\t\t\"Bahnschrift\",\n\t\t\"Open Sans\",\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\t\"Segoe UI\",\n\t\tRoboto,\n\t\t\"Helvetica Neue\",\n\t\tArial,\n\t\tsans-serif,\n\t\t\"Apple Color Emoji\",\n\t\t\"Segoe UI Emoji\",\n\t\t\"Segoe UI Symbol\";\n\tfont-size: 1rem;\n\tmin-height: 10rem;\n\toverflow: hidden;\n\ttransition: all ease-in-out 300ms;\n\n\t&:nth-of-type(5n + 1) {\n\t\t--bg-color-border: rgb(178, 108, 190);\n\t}\n\t&:nth-of-type(5n + 2) {\n\t\t--bg-color-border: rgb(79, 164, 61);\n\t}\n\t&:nth-of-type(5n + 3) {\n\t\t--bg-color-border: rgb(246, 170, 23);\n\t}\n\t&:nth-of-type(5n + 4) {\n\t\t--bg-color-border: rgb(218, 93, 83);\n\t}\n\t&:nth-of-type(5n + 5) {\n\t\t--bg-color-border: rgb(23, 162, 184);\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\t/*--bg-size: 1rem;*/\n\t\t--bg-color-main: #f5f5f5;\n\n\t\tbox-shadow:\n\t\t\t0 3px 18px rgba(0, 0, 0, 0.15),\n\t\t\t0 3px 12px rgba(0, 0, 0, 0.25);\n\t\tcolor: #666;\n\t\ttext-decoration: none;\n\t\t/*transform: scale(1.03) translateY(-3px);*/\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1.2rem;\n\t}\n}\n\n.ObColorCard-column {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 1rem 0;\n\toverflow: hidden;\n\tpadding: 0.5rem 1.5rem 0.5rem 1rem;\n\ttext-overflow: ellipsis;\n\n\t&:first-child {\n\t\tmargin-left: 0.75rem;\n\t\tmargin-left: var(--bg-size);\n\t}\n\n\t&.ObColorCard-minor {\n\t\tborder-right: 1px solid #e3e3e3;\n\t\tflex: 0 0 4rem;\n\t\ttransition: margin ease-in-out 300ms;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\t&.ObColorCard-minor {\n\t\t\tflex: 0 0 8rem;\n\t\t}\n\t}\n}\n\n.ObColorCard-detailLabel {\n\tcolor: #ccc;\n\tfont-size: 0.8rem;\n\ttext-transform: uppercase;\n}\n\n.ObColorCard-detail {\n\t&:not(:last-child) {\n\t\tmargin-right: 1.5rem;\n\t}\n\n\t&.ObColorCard-primary,\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tfont-size: 1.25rem;\n\t\tfont-weight: 300;\n\t}\n\n\t&.ObColorCard-primary .ObColorCard-detailValue {\n\t\tcolor: unset;\n\t}\n\n\t@media screen and (min-width: 48rem) {\n\t\tfont-size: 1rem;\n\t}\n}\n\n.ObColorCard-detailValue {\n\tcolor: #999;\n}\n\n.ObColorCard-label {\n\tposition: relative;\n\tpadding-left: 1.5rem;\n\t/* white-space: nowrap; */\n\n\t&:not(:last-child) {\n\t\tmargin-bottom: 1rem;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 0.2rem;\n\t\t\theight: calc(100% + 1rem);\n\t\t\tborder-left: 0.2rem dotted #666;\n\t\t\tleft: 0.25rem;\n\t\t\ttop: 0.5rem;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n\n\t&::before {\n\t\tbackground: white;\n\t\tborder: 0.2rem solid variables.$brand-primary;\n\t\tborder: 0.2rem solid var(--bg-color-border);\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 0.75rem;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0.3rem;\n\t\twidth: 0.75rem;\n\t\tz-index: 1;\n\t}\n}\n", "@use \"../styles/mixins\";\n\n$date-select-height: 3rem;\n\n.ObDateNavigator-icon {\n\tdisplay: inline-block;\n\n\tsvg {\n\t\twidth: 0.625em;\n\t\tposition: relative;\n\t\ttop: -1px;\n\t}\n}\n\n.ObDateNavigator-root {\n\tbackground-color: hsl(220, 20%, 96%);\n\tbackground-color: var(--block-header-color-bg);\n\tdisplay: flex;\n\tfont-size: 1rem;\n}\n\n.ObDateNavigator-arrow {\n\t@include mixins.btn-reset;\n\tdisplay: flex;\n\talign-items: center;\n\tflex: 0 0 $date-select-height;\n\tjustify-content: center;\n\n\theight: $date-select-height;\n\n\tcursor: pointer;\n\ttext-align: center;\n\n\t&:hover {\n\t\tbackground-color: #e3e3e3;\n\t\tbackground-color: var(--block-header-button-hover);\n\t}\n}\n\n.ObDateNavigator-arrowLeft {\n\tborder-right: 1px solid #dddddd;\n\torder: 1;\n}\n\n.ObDateNavigator-arrowRight {\n\tborder-left: 1px solid #dddddd;\n\torder: 3;\n}\n\n.ObDateNavigator-date {\n\tdisplay: flex;\n\tflex: 1 1 100%;\n\tflex-direction: column;\n\tjustify-content: center;\n\torder: 2;\n\n\theight: $date-select-height;\n\n\ttext-align: center;\n}\n", "@mixin btn-reset {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\t/* cursor: default; */\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-appearance: button; /* for input */\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\n\t&::-moz-focus-inner {\n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n}\n", "@use \"../styles/variables\";\n\n$bullet-size: 0.7em;\n$line-width: 0.2em;\n\n.ObLinkedList-root {\n\tlist-style-type: none;\n\tmargin-left: 0;\n\tpadding-left: 0;\n}\n\n.ObLinkedList-item {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n}\n\n.ObLinkedList-leftColumn {\n\tflex: 1 1 4em;\n\tfont-size: 0.75em;\n\tpadding: 0 1em;\n\ttext-align: center;\n}\n\n.ObLinkedList-rightColumn {\n\tflex: 1 1 100%;\n\tpadding: 1em 1em 1em 1.5em;\n}\n\n.ObLinkedList-line {\n\tdisplay: flex;\n\talign-self: stretch;\n\tflex: 0 0 $line-width;\n\tbackground: white;\n\tposition: relative;\n}\n\n.ObLinkedList-bullet {\n\tbackground: white;\n\n\tborder: 1px solid rgba(50, 50, 50, 0.25);\n\tborder-radius: 0.55em;\n\theight: $bullet-size;\n\twidth: $bullet-size;\n\n\tposition: absolute;\n\tleft: 0;\n\ttop: 50%;\n\n\ttransform: translate(calc(-1 * ($bullet-size / 2) + ($line-width / 2)), -50%);\n}\n\n.ObLinkedList-card {\n\tbackground: white;\n\tborder: 1px solid;\n\tborder-color: variables.$color-border-top variables.$color-border-side variables.$color-border-bottom;\n\tborder-radius: 0.1875em;\n\tcolor: inherit;\n\tcursor: pointer;\n\tflex: 100% 1 1;\n\tposition: relative;\n}\n\n.ObLinkedList-card::before {\n\tborder-bottom: 0.5em solid transparent;\n\tborder-right: 1em solid white;\n\tborder-top: 0.5em solid transparent;\n\tcontent: \" \";\n\tfilter: drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));\n\theight: 1em;\n\tleft: -1em;\n\tmargin-top: -0.5em;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 1em;\n}\n\n.ObLinkedList-card:hover {\n\tbackground-color: variables.$block-color-bg-hover !important;\n\tcolor: inherit;\n\ttext-decoration: inherit;\n}\n\n.ObLinkedList-card:hover::before {\n\tborder-right-color: variables.$block-color-bg-hover !important;\n}\n", "@use \"../styles/variables\";\n\n.ObPageBanner-root {\n\tbackground-color: variables.$brand-primary;\n\tbackground-color: var(--brand-dark);\n\tbox-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);\n\tcolor: white;\n\n\ta {\n\t\tcolor: hsl(200, 50%, 80%);\n\t}\n}\n\n.ObPageBanner-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\n\t@media screen and (min-width: variables.$screen-md) {\n\t\talign-items: flex-start;\n\t\tflex-direction: row;\n\t}\n}\n\n.ObPageBanner-plantTitle {\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: variables.$screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-bannerImage {\n\talign-self: stretch;\n\tbackground-color: #ddd;\n\tdisplay: inline-block;\n\theight: 20vh;\n\tobject-fit: cover;\n\tobject-position: center center;\n\twidth: 100%;\n\n\t@media screen and (min-width: variables.$screen-sm) {\n\t\talign-self: center;\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t\tborder: 0.4rem solid white;\n\t\tborder-radius: 50%;\n\t\theight: 150px;\n\t\twidth: 150px;\n\t}\n\n\t@media screen and (min-width: variables.$screen-lg) {\n\t\theight: 250px;\n\t\twidth: 250px;\n\t}\n}\n\n.ObPageBanner-bannerTitle {\n\tmargin-bottom: 1rem;\n\tmargin-top: 1rem;\n\tfont-size: 2rem;\n\n\t@media screen and (min-width: variables.$screen-md) {\n\t\tmargin-top: 0;\n\t}\n\n\t@media screen and (min-width: variables.$screen-lg) {\n\t\tfont-size: 3rem;\n\t}\n}\n\n.ObPageBanner-tabList {\n\t&.sticky {\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tz-index: 1000;\n\t}\n}\n\n.ObPageBanner-tabListInner {\n\toverflow-x: auto;\n\tscrollbar-width: thin;\n\twhite-space: nowrap;\n}\n\n.ObPageBanner-tab {\n\tborder-bottom: 0.25rem solid transparent;\n\tdisplay: inline-block;\n\tmargin-top: 0.5rem;\n\tmin-width: 8rem;\n\tpadding: 0.5rem 1rem;\n\ttext-align: center;\n\ttext-transform: capitalize;\n\n\t&.active {\n\t\tborder-color: white;\n\t}\n}\n", "$brand-primary: hsl(186, 72%, 24%);\n$brand-light: hsl(186, 72%, 37%);\n$brand-dark: hsl(186, 74%, 20%);\n$brand-tertiary: rgb(68, 69, 84);\n\n$link-color: $brand-primary;\n$link-color-hover: $brand-dark;\n\n$line-height: 1.4;\n\n$color-bg-hover: hsla(186, 72%, 37%, 0.6);\n$color-bg-active: hsla(95, 49%, 71%, 0.2);\n$color-fg-active: black;\n\n$color-border-top: #e5e6e9;\n$color-border-side: #dfe0e4;\n$color-border-bottom: #d0d1d5;\n\n$navbar-height: 40px;\n\n$screen-xs: 0;\n$screen-sm: 576px;\n$screen-md: 768px;\n$screen-lg: 992px;\n$screen-xl: 1200px;\n\n$block-header-color-bg: hsl(220, 20%, 96%);\n$block-header-color-bg-hover: hsl(220, 20%, 92%);\n$block-header-color-fg: hsl(0, 0%, 20%);\n$block-color-bg-alt: hsl(220, 20%, 98%);\n$block-color-bg-hover: hsl(220, 20%, 94%);\n$block-color-border: #e5e5e5;\n\n$block-header-button-hover: hsl(220, 20%, 92%);\n$block-header-button-border: hsl(220, 7%, 82%);\n$block-header-button-active: hsl(220, 20%, 86%);\n\n$sidebar-padding: 0.9375rem;\n$sidebar-width: 18rem;\n$sidebar-fg-color: hsl(0, 0%, 90%);\n$sidebar-bg-color: hsl(186, 74%, 13%);\n$sidebar-header-color: hsl(220, 6%, 70%);\n$sidebar-link-fg-color: white;\n$sidebar-link-fg-active: white;\n$sidebar-link-bg-color: transparent;\n$sidebar-link-bg-hover: hsla(0, 0%, 100%, 0.1);\n$sidebar-link-bg-active: hsl(142, 13%, 13%);\n\n$padding-xs: 0.75rem;\n$padding-sm: 0.9375rem;\n$padding-lg: 1.5rem;\n\n$grid-gutter-width: 30px;\n\n$container-tablet: (720px + $grid-gutter-width);\n$container-sm: $container-tablet;\n$container-desktop: (940px + $grid-gutter-width);\n$container-md: $container-desktop;\n$container-large-desktop: (1140px + $grid-gutter-width);\n$container-lg: $container-large-desktop;\n\n$toolbar-background: linear-gradient(#fefefe, #fafafa); //white;\n$toolbar-height: 3.125rem;\n$toolbar-border-color: #dedede;\n$toolbar-border-width: 1px;\n\n$toolbar-btn-color: hsla(0, 0%, 60%, 0.8);\n$toolbar-btn-hover-color: hsla(0, 0%, 40%, 0.8);\n$toolbar-btn-bg: transparent;\n$toolbar-btn-hover-bg: linear-gradient(hsl(0, 0%, 89%), hsl(0, 0%, 87%));\n", "@use \"../styles/variables\";\n\n.ObProgressBar-root {\n\theight: 1.5em;\n\twidth: 100%;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-color: whiteSmoke;\n\tborder: none;\n\tborder-radius: 3px;\n\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\tcolor: royalblue;\n\tposition: relative;\n\n\t&::-webkit-progress-bar {\n\t\tbackground-color: whiteSmoke;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;\n\t}\n\n\t&::-webkit-progress-value {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary, variables.$brand-primary), var(--brand-light, variables.$brand-light));\n\t\tbackground-image:\n\t\t\t-webkit-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-webkit-linear-gradient(left, var(--brand-primary), variables.$brand-primary, var(--brand-light, variables.$brand-light));\n\t\tbackground-size:\n\t\t\t35px 20px,\n\t\t\t100% 100%,\n\t\t\t100% 100%;\n\t\tborder-radius: 3px;\n\t\tposition: relative;\n\t\ttransition: width 0.5s ease-out;\n\t}\n\n\t&::-webkit-progress-value:after {\n\t\tbackground-color: white;\n\t\tcontent: \"\";\n\n\t\tborder-radius: 100%;\n\t\theight: 5px;\n\n\t\tposition: absolute;\n\t\tright: 7px;\n\t\ttop: 7px;\n\t\twidth: 5px;\n\t}\n\n\t&::-moz-progress-bar {\n\t\tbackground-image: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\tlinear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\tlinear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-image:\n\t\t\t-moz-linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\ttransparent,\n\t\t\t\ttransparent 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 33%,\n\t\t\t\trgba(0, 0, 0, 0.1) 66%,\n\t\t\t\ttransparent 66%\n\t\t\t),\n\t\t\t-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),\n\t\t\t-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));\n\t\tbackground-size:\n\t\t\t35px 20px,\n\t\t\t100% 100%,\n\t\t\t100% 100%;\n\t\tborder-radius: 3px;\n\t\ttransition: width 0.5s ease-out;\n\t}\n}\n", ".ObSidebar-root {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\ttop: 0;\n\tz-index: 2;\n\n\tbackground-color: white;\n\n\ttransform: translateX(-100%);\n\ttransition: transform 0.2s ease-out;\n\twill-change: transform;\n\n\t&.Ob-right {\n\t\tleft: unset;\n\t\tright: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\toverflow-y: auto;\n\n\t&.Ob-open {\n\t\ttransform: translateX(0);\n\t}\n\n\t&.ObSidebar-shadow {\n\t\tbox-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);\n\n\t\t&.Ob-right {\n\t\t\tbox-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);\n\t\t}\n\t}\n}\n\n.ObSidebar-overlay {\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tz-index: 1;\n\n\topacity: 0;\n\tvisibility: hidden;\n\n\ttransition:\n\t\topacity 0.3s ease-out,\n\t\tvisibility 0.3s ease-out;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\n\t&.Ob-open {\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}\n", "$bullet-size: 0.5em;\n\n.ObSpinner-root {\n\tdisplay: inline-block;\n}\n\n.ObSpinner-fullPage {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\theight: 100vh;\n\twidth: 100vw;\n}\n\n.ObSpinner-spinner {\n\tdisplay: inline-block;\n\theight: $bullet-size * 1.5;\n\tposition: relative;\n\twidth: $bullet-size * 5;\n}\n\n.ObSpinner-bullet {\n\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\tbackground: #666;\n\tborder-radius: 50%;\n\theight: $bullet-size;\n\tposition: absolute;\n\ttop: 0.2rem;\n\twidth: $bullet-size;\n\n\t&:nth-child(1) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(2) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 0.5;\n\t}\n\n\t&:nth-child(3) {\n\t\tanimation: translateAnimation 0.6s infinite ease-in-out;\n\t\tleft: $bullet-size * 2.4;\n\t}\n\n\t&:nth-child(4) {\n\t\tanimation: scaleAnimation 0.6s infinite ease-in-out reverse;\n\t\tleft: $bullet-size * 4;\n\t}\n}\n\n@keyframes scaleAnimation {\n\tfrom {\n\t\ttransform: scale(0);\n\t}\n\n\tto {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes translateAnimation {\n\tfrom {\n\t\ttransform: translate(0, 0);\n\t}\n\n\tto {\n\t\ttransform: translate($bullet-size * 1.65, 0);\n\t}\n}\n", "/**\nHacky solution to sass output for some reason getting a zero-width space at the beginning, which breaks the first selector\n*/\n.😖 {\n\tdisplay: initial;\n}\n\n.ObSplitContainer-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\twidth: 100%;\n\n\t&.horizontal {\n\t\tflex-direction: row;\n\t}\n}\n\n.ObSplitContainer-panel {\n\toverflow: hidden;\n}\n\n.ObSplitContainer-divider {\n\tflex: 0 0 0.5rem;\n\tbackground-color: transparent;\n\tline-height: 0.75;\n\tcursor: ns-resize;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&:focus {\n\t\tbackground-color: rgba(0, 0, 0, 0.3);\n\t}\n\n\t.ObSplitContainer-root.horizontal > & {\n\t\tcursor: ew-resize;\n\t\twriting-mode: vertical-lr;\n\t}\n}\n\n.ObSplitContainer-panel.dragging {\n\tpointer-events: none;\n}\n", "@use \"../styles/variables\";\n\n.ObValueToggle-root {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ObValueToggle-option {\n\tmargin-bottom: 0;\n}\n\n.ObValueToggle-label {\n\tcursor: pointer;\n\tfont-size: 0.8em;\n\tmargin: 0 0.2em;\n\tpadding: 0.3em 0.5em;\n\ttext-transform: uppercase;\n\n\t&:hover {\n\t\tbackground: #ccc;\n\t}\n\n\t.ObValueToggle-input:checked + & {\n\t\t--color-bg: var(--brand-dark);\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t\tcursor: default;\n\t\tcolor: white;\n\t}\n\n\t.ObValueToggle-input:checked:focus-within + & {\n\t\t--color-bg: var(--brand-light);\n\t}\n\n\t.ObValueToggle-input:checked:hover + & {\n\t\tbackground-color: #666;\n\t\tbackground-color: var(--color-bg);\n\t}\n}\n\n.ObValueToggle-input {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\tborder: 0;\n}\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|