react-luminus-components 1.5.27 → 1.5.29
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/README.md +349 -349
- package/dist/.vite/manifest.json +30 -30
- package/dist/FormDisabledProvider--znl1VtF.cjs +1 -0
- package/dist/{FormDisabledProvider-DruCyt_C.js → FormDisabledProvider-BOj1vV8O.js} +1 -1
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +32 -32
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +56 -56
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +12 -12
- package/dist/main.cjs.js +50 -50
- package/dist/main.es.js +10590 -10582
- package/dist/{ShortcutLinksContext-DF8__Rbl.js → nivo-bar.es-C7fnWh-z.js} +12979 -12974
- package/dist/nivo-bar.es-CUXYGl94.cjs +281 -0
- package/dist/style.css +1 -1
- package/dist/useLocalStorageState-CnlCu8Mz.js +78 -0
- package/dist/useLocalStorageState-DB-ELZMp.cjs +1 -0
- package/dist/utils/apiErrorFields/apiErrorFieldsUtils.d.ts +3 -2
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +53 -52
- package/dist/variables.scss +165 -165
- package/package.json +123 -123
- package/dist/FormDisabledProvider-CnseYc1t.cjs +0 -1
- package/dist/ShortcutLinksContext-Dm_GlAxE.cjs +0 -281
- package/dist/useLocalStorageState--zK59AHw.cjs +0 -1
- package/dist/useLocalStorageState-bgBQaJ6D.js +0 -78
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ak as J, am as N, b9 as E } from "./nivo-bar.es-C7fnWh-z.js";
|
|
2
|
+
import { useState as p, useContext as F, useRef as G, useCallback as n, useEffect as A } from "react";
|
|
3
|
+
import "react-router-dom";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
import "react-hook-form";
|
|
6
|
+
import "react-flexmonster";
|
|
7
|
+
import "@azure/msal-browser";
|
|
8
|
+
import "@azure/msal-react";
|
|
9
|
+
const e = {
|
|
10
|
+
loadOnInit: !0,
|
|
11
|
+
silent: !1,
|
|
12
|
+
enabled: !0,
|
|
13
|
+
nullStateBeforeLoad: !0,
|
|
14
|
+
nullStateOnFail: !1
|
|
15
|
+
}, M = (t, { loadOnInit: i = e.loadOnInit, enabled: s = e.enabled, silent: a = e.silent, nullStateBeforeLoad: c = e.nullStateBeforeLoad, nullStateOnFail: u = e.nullStateOnFail, customApiUrl: r, customBearerToken: $, dataTransformer: g } = e) => {
|
|
16
|
+
const m = J({
|
|
17
|
+
silent: a,
|
|
18
|
+
customToken: $,
|
|
19
|
+
differentBaseUrl: r
|
|
20
|
+
}), [w, S] = p(e.loadOnInit ?? !1), { startLoading: L, stopLoading: D } = F(N), y = G(0), { isAuthenticated: x } = E(), C = n((o) => {
|
|
21
|
+
L(o), S(() => !0);
|
|
22
|
+
}, [L]), I = n((o) => {
|
|
23
|
+
D(o), S(() => !1);
|
|
24
|
+
}, [D]), [R, d] = p(null), l = n(async (o, b) => {
|
|
25
|
+
if (!x() || s === !1)
|
|
26
|
+
return null;
|
|
27
|
+
!a && C(`loadData-${t}-${b}`), c && d(null);
|
|
28
|
+
let O;
|
|
29
|
+
try {
|
|
30
|
+
const f = await m.get(t, {
|
|
31
|
+
signal: o
|
|
32
|
+
}), h = g ? g(f.data) : f.data;
|
|
33
|
+
d(h), O = h;
|
|
34
|
+
} catch (f) {
|
|
35
|
+
throw u && d(null), f;
|
|
36
|
+
} finally {
|
|
37
|
+
!a && I(`loadData-${t}-${b}`);
|
|
38
|
+
}
|
|
39
|
+
return O;
|
|
40
|
+
}, [
|
|
41
|
+
x,
|
|
42
|
+
s,
|
|
43
|
+
a,
|
|
44
|
+
C,
|
|
45
|
+
t,
|
|
46
|
+
c,
|
|
47
|
+
m,
|
|
48
|
+
g,
|
|
49
|
+
u,
|
|
50
|
+
I
|
|
51
|
+
]), v = n(async () => {
|
|
52
|
+
l();
|
|
53
|
+
}, [l]), B = n(async () => l(), [l]);
|
|
54
|
+
return A(() => {
|
|
55
|
+
if (i === !1)
|
|
56
|
+
return;
|
|
57
|
+
const o = new AbortController();
|
|
58
|
+
return l(o.signal, ++y.current), () => {
|
|
59
|
+
o.abort();
|
|
60
|
+
};
|
|
61
|
+
}, [l, i]), { data: R, setData: d, reloadData: v, isLoading: w, reloadDataWithReturn: B };
|
|
62
|
+
}, P = (t, i) => {
|
|
63
|
+
const s = n(() => {
|
|
64
|
+
const r = localStorage.getItem(t);
|
|
65
|
+
return r != null && r !== "undefined" ? JSON.parse(r) : i;
|
|
66
|
+
}, [i, t]), [a, c] = p(s);
|
|
67
|
+
A(() => {
|
|
68
|
+
localStorage.setItem(t, JSON.stringify(a));
|
|
69
|
+
}, [t, a]);
|
|
70
|
+
const u = n(() => {
|
|
71
|
+
c(s);
|
|
72
|
+
}, [s]);
|
|
73
|
+
return [a, c, u];
|
|
74
|
+
};
|
|
75
|
+
export {
|
|
76
|
+
P as a,
|
|
77
|
+
M as u
|
|
78
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const S=require("./nivo-bar.es-CUXYGl94.cjs"),t=require("react");require("react-router-dom");require("react-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const n={loadOnInit:!0,silent:!1,enabled:!0,nullStateBeforeLoad:!0,nullStateOnFail:!1},y=(e,{loadOnInit:u=n.loadOnInit,enabled:o=n.enabled,silent:a=n.silent,nullStateBeforeLoad:c=n.nullStateBeforeLoad,nullStateOnFail:i=n.nullStateOnFail,customApiUrl:l,customBearerToken:h,dataTransformer:g}=n)=>{const C=S.useAxios({silent:a,customToken:h,differentBaseUrl:l}),[k,L]=t.useState(n.loadOnInit??!1),{startLoading:b,stopLoading:D}=t.useContext(S.LoadingContext),R=t.useRef(0),{isAuthenticated:q}=S.useAuth(),p=t.useCallback(s=>{b(s),L(()=>!0)},[b]),I=t.useCallback(s=>{D(s),L(()=>!1)},[D]),[$,d]=t.useState(null),r=t.useCallback(async(s,x)=>{if(!q()||o===!1)return null;!a&&p(`loadData-${e}-${x}`),c&&d(null);let A;try{const f=await C.get(e,{signal:s}),O=g?g(f.data):f.data;d(O),A=O}catch(f){throw i&&d(null),f}finally{!a&&I(`loadData-${e}-${x}`)}return A},[q,o,a,p,e,c,C,g,i,I]),v=t.useCallback(async()=>{r()},[r]),w=t.useCallback(async()=>r(),[r]);return t.useEffect(()=>{if(u===!1)return;const s=new AbortController;return r(s.signal,++R.current),()=>{s.abort()}},[r,u]),{data:$,setData:d,reloadData:v,isLoading:k,reloadDataWithReturn:w}},B=(e,u)=>{const o=t.useCallback(()=>{const l=localStorage.getItem(e);return l!=null&&l!=="undefined"?JSON.parse(l):u},[u,e]),[a,c]=t.useState(o);t.useEffect(()=>{localStorage.setItem(e,JSON.stringify(a))},[e,a]);const i=t.useCallback(()=>{c(o)},[o]);return[a,c,i]};exports.useGetApiData=y;exports.useLocalStorageState=B;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ErrorField } from '../../models/index';
|
|
1
|
+
import { ApiErrorResult, ErrorField } from '../../models/index';
|
|
2
2
|
|
|
3
|
-
export declare const extractErrorsFromResponse: (
|
|
3
|
+
export declare const extractErrorsFromResponse: (apiErrorResult: ApiErrorResult) => ErrorField[];
|
|
4
|
+
export declare const extractErrorsFromBlobResponse: (blob: Blob) => Promise<ErrorField[]>;
|
|
4
5
|
export declare const hookFormSetServerErrors: (formMethods: any, error: any) => void;
|
|
5
6
|
export declare const extractPermissionsFromResponse: (error: any) => string[] | null;
|
package/dist/utils.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./nivo-bar.es-CUXYGl94.cjs");require("react");require("@azure/msal-browser");require("@azure/msal-react");require("react-router-dom");require("react-dom");require("react-hook-form");require("react-flexmonster");const n=require("./localStorageUtils-BCZln9KS.cjs"),h=({cell:{value:t}})=>e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:t,placement:"bottom",children:e.jsxRuntimeExports.jsx("div",{className:"w-100 text-truncate",children:t})}),f=({cell:{value:t}})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t==null?void 0:t.toLocaleString("cs-CZ")}),d=({cell:{value:t}})=>{const r=e.format(new Date(t),"dd.MM.yyyy");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t?r:""})},y=(t,r)=>{let s=!1,l=t;t[0]==="#"&&(l=t.slice(1),s=!0);let o=parseInt(l.substring(0,2),16),i=parseInt(l.substring(2,4),16),a=parseInt(l.substring(4,6),16);o+=r,i+=r,a+=r,o>255?o=255:o<0&&(o=0),i>255?i=255:i<0&&(i=0),a>255?a=255:a<0&&(a=0);const u=o.toString(16).length===1?"0"+o.toString(16):o.toString(16),g=i.toString(16).length===1?"0"+i.toString(16):i.toString(16),p=a.toString(16).length===1?"0"+a.toString(16):a.toString(16);return(s?"#":"")+u+g+p},S=t=>{const r=t.slice(3),s=[];for(let o=0;o<r.length;o+=2)s.push(r.slice(o,o+2));return`#${s.reverse().join("")}`},F=t=>typeof t.directoryName=="string"&&typeof t.directoryPath=="string"&&typeof t.directoryTranslationKey=="string"&&Array.isArray(t.files),x=async t=>{let r={status:"pending"};try{r={status:"success",data:(await t).data}}catch(s){r={status:"error",error:s}}return r},c=()=>new URLSearchParams(window.location.search),m=t=>{const r=window.location.pathname+(t.toString()?`?${t.toString()}`:"")+window.location.hash;window.history.replaceState(null,"",r)},D={get length(){return Array.from(c().keys()).length},key(t){const r=c();return Array.from(r.keys())[t]??null},getItem(t){const s=c().get(t);return s??null},setItem(t,r){const s=c();s.set(t,r),m(s)},removeItem(t){const r=c();r.delete(t),m(r)},clear(){m(new URLSearchParams)}},O=["edit","delete","info","warning","check","check-simple","add","cancel","cancel-simple","danger","chevron-left","chevron-right","chevron-up","chevron-down","chevron-double-left","chevron-double-right","folder","folder-filled","file-download","file-upload","star-outline","save","link","pending","resizer-horizontal","qr-code","phone","mail","mail-envelope","dashboard","user","role","close","search","plus","minus","menu","arrow-right"];exports.atobUtf8=e.atobUtf8;exports.buildEmployeeNameString=e.buildEmployeeNameString;exports.buildOrgUnitString=e.buildOrgUnitString;exports.buildVehicleNameString=e.buildVehicleNameString;exports.capitalizeFirstLetter=e.capitalizeFirstLetter;exports.compareDate=e.compareDate;exports.compareDateTime=e.compareDateTime;exports.extractErrorsFromBlobResponse=e.extractErrorsFromBlobResponse;exports.extractErrorsFromResponse=e.extractErrorsFromResponse;exports.extractFilename=e.extractFilename;exports.extractPermissionsFromResponse=e.extractPermissionsFromResponse;exports.fixNameIdNulls=e.fixNameIdNulls;exports.formatDate=e.formatDate;exports.formatDateTime=e.formatDateTime;exports.formatFileSize=e.formatFileSize;exports.getDateString=e.getDateString;exports.getDaysDifference=e.getDaysDifference;exports.getFirstDayOfMonth=e.getFirstDayOfMonth;exports.getFirstDayOfOffsetMonth=e.getFirstDayOfOffsetMonth;exports.getFirstDayOfYear=e.getFirstDayOfYear;exports.getLastDayOfMonth=e.getLastDayOfMonth;exports.getLastDayOfOffsetMonth=e.getLastDayOfOffsetMonth;exports.getLastDayOfYear=e.getLastDayOfYear;exports.hasOnlyNullValues=e.hasOnlyNullValues;exports.hookFormSetServerErrors=e.hookFormSetServerErrors;exports.isExtensionOpenable=e.isExtensionOpenable;exports.isFileOpenable=e.isFileOpenable;exports.isISODate=e.isISODate;exports.isPrimitive=e.isPrimitive;exports.isValidDate=e.isValidDate;exports.joinStrings=e.joinStrings;exports.msToStartOfNextDay=e.msToStartOfNextDay;exports.replaceNullValuesOnlyObjectsWithNulls=e.replaceNullValuesOnlyObjectsWithNulls;exports.saveFile=e.saveFile;exports.saveFileFromResponse=e.saveFileFromResponse;exports.shortenText=e.shortenText;exports.stringContains=e.stringContains;exports.stringSearchWithin=e.stringSearchWithin;exports.stringStartsWith=e.stringStartsWith;exports.trimIsoDate=e.trimIsoDate;exports.truncateText=e.truncateText;exports.urlfyArray=e.urlfyArray;exports.dumpLocalStorage=n.dumpLocalStorage;exports.generateApiPath=n.generateApiPath;exports.hookFormSetNull=n.hookFormSetNull;exports.hookFormSetNulls=n.hookFormSetNulls;exports.limitNumber=n.limitNumber;exports.restoreLocalStorage=n.restoreLocalStorage;exports.CommonLuminusIconsArray=O;exports.adjustBrightness=y;exports.dateValueFormat=d;exports.isFileStructureDirectory=F;exports.numFormat=f;exports.queryStorage=D;exports.responsePromiseWrapper=x;exports.valueTooltip=h;exports.vclToHex=S;
|
package/dist/utils.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { j as n,
|
|
2
|
-
import {
|
|
1
|
+
import { j as n, aA as p, U as h } from "./nivo-bar.es-C7fnWh-z.js";
|
|
2
|
+
import { cd as j, cb as C, cc as U, ca as E, c9 as M, bU as V, bV as B, bQ as W, bm as z, c0 as G, bR as Q, bx as Y, aS as $, c8 as q, cf as Z, b$ as H, bW as J, bd as K, bY as X, be as _, bX as ee, bZ as te, b_ as re, c4 as se, bv as ae, c2 as oe, c1 as ne, bS as ie, c3 as le, bT as ce, cg as me, bJ as ge, c5 as ue, bi as pe, bl as he, ci as de, c6 as fe, af as ye, c7 as Se, bc as be, ce as xe, ch as Fe } from "./nivo-bar.es-C7fnWh-z.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "@azure/msal-browser";
|
|
5
5
|
import "@azure/msal-react";
|
|
@@ -7,7 +7,7 @@ import "react-router-dom";
|
|
|
7
7
|
import "react-dom";
|
|
8
8
|
import "react-hook-form";
|
|
9
9
|
import "react-flexmonster";
|
|
10
|
-
import { d as
|
|
10
|
+
import { d as De, g as Oe, h as ve, a as Ne, l as ke, r as Pe } from "./localStorageUtils-8ScvouMK.js";
|
|
11
11
|
const D = ({ cell: { value: e } }) => /* @__PURE__ */ n.jsx(p, { text: e, placement: "bottom", children: /* @__PURE__ */ n.jsx("div", { className: "w-100 text-truncate", children: e }) }), O = ({ cell: { value: e } }) => /* @__PURE__ */ n.jsx(n.Fragment, { children: e == null ? void 0 : e.toLocaleString("cs-CZ") }), v = ({ cell: { value: e } }) => {
|
|
12
12
|
const t = h(new Date(e), "dd.MM.yyyy");
|
|
13
13
|
return /* @__PURE__ */ n.jsx(n.Fragment, { children: e ? t : "" });
|
|
@@ -23,7 +23,7 @@ const D = ({ cell: { value: e } }) => /* @__PURE__ */ n.jsx(p, { text: e, placem
|
|
|
23
23
|
for (let s = 0; s < t.length; s += 2)
|
|
24
24
|
r.push(t.slice(s, s + 2));
|
|
25
25
|
return `#${r.reverse().join("")}`;
|
|
26
|
-
},
|
|
26
|
+
}, P = (e) => typeof e.directoryName == "string" && typeof e.directoryPath == "string" && typeof e.directoryTranslationKey == "string" && Array.isArray(e.files), R = async (e) => {
|
|
27
27
|
let t = { status: "pending" };
|
|
28
28
|
try {
|
|
29
29
|
t = { status: "success", data: (await e).data };
|
|
@@ -34,7 +34,7 @@ const D = ({ cell: { value: e } }) => /* @__PURE__ */ n.jsx(p, { text: e, placem
|
|
|
34
34
|
}, l = () => new URLSearchParams(window.location.search), c = (e) => {
|
|
35
35
|
const t = window.location.pathname + (e.toString() ? `?${e.toString()}` : "") + window.location.hash;
|
|
36
36
|
window.history.replaceState(null, "", t);
|
|
37
|
-
},
|
|
37
|
+
}, I = {
|
|
38
38
|
get length() {
|
|
39
39
|
return Array.from(l().keys()).length;
|
|
40
40
|
},
|
|
@@ -100,58 +100,59 @@ const D = ({ cell: { value: e } }) => /* @__PURE__ */ n.jsx(p, { text: e, placem
|
|
|
100
100
|
export {
|
|
101
101
|
L as CommonLuminusIconsArray,
|
|
102
102
|
N as adjustBrightness,
|
|
103
|
-
|
|
103
|
+
j as atobUtf8,
|
|
104
104
|
C as buildEmployeeNameString,
|
|
105
105
|
U as buildOrgUnitString,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
106
|
+
E as buildVehicleNameString,
|
|
107
|
+
M as capitalizeFirstLetter,
|
|
108
|
+
V as compareDate,
|
|
109
|
+
B as compareDateTime,
|
|
110
110
|
v as dateValueFormat,
|
|
111
|
-
|
|
111
|
+
De as dumpLocalStorage,
|
|
112
|
+
W as extractErrorsFromBlobResponse,
|
|
112
113
|
z as extractErrorsFromResponse,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
114
|
+
G as extractFilename,
|
|
115
|
+
Q as extractPermissionsFromResponse,
|
|
116
|
+
Y as fixNameIdNulls,
|
|
117
|
+
$ as formatDate,
|
|
118
|
+
q as formatDateTime,
|
|
119
|
+
Z as formatFileSize,
|
|
120
|
+
Oe as generateApiPath,
|
|
121
|
+
H as getDateString,
|
|
122
|
+
J as getDaysDifference,
|
|
123
|
+
K as getFirstDayOfMonth,
|
|
124
|
+
X as getFirstDayOfOffsetMonth,
|
|
125
|
+
_ as getFirstDayOfYear,
|
|
126
|
+
ee as getLastDayOfMonth,
|
|
127
|
+
te as getLastDayOfOffsetMonth,
|
|
128
|
+
re as getLastDayOfYear,
|
|
129
|
+
se as hasOnlyNullValues,
|
|
130
|
+
ve as hookFormSetNull,
|
|
131
|
+
Ne as hookFormSetNulls,
|
|
132
|
+
ae as hookFormSetServerErrors,
|
|
133
|
+
oe as isExtensionOpenable,
|
|
134
|
+
ne as isFileOpenable,
|
|
135
|
+
P as isFileStructureDirectory,
|
|
136
|
+
ie as isISODate,
|
|
137
|
+
le as isPrimitive,
|
|
138
|
+
ce as isValidDate,
|
|
139
|
+
me as joinStrings,
|
|
140
|
+
ke as limitNumber,
|
|
141
|
+
ge as msToStartOfNextDay,
|
|
141
142
|
O as numFormat,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
143
|
+
I as queryStorage,
|
|
144
|
+
ue as replaceNullValuesOnlyObjectsWithNulls,
|
|
145
|
+
R as responsePromiseWrapper,
|
|
146
|
+
Pe as restoreLocalStorage,
|
|
147
|
+
pe as saveFile,
|
|
148
|
+
he as saveFileFromResponse,
|
|
149
|
+
de as shortenText,
|
|
150
|
+
fe as stringContains,
|
|
151
|
+
ye as stringSearchWithin,
|
|
152
|
+
Se as stringStartsWith,
|
|
153
|
+
be as trimIsoDate,
|
|
154
|
+
xe as truncateText,
|
|
155
|
+
Fe as urlfyArray,
|
|
155
156
|
D as valueTooltip,
|
|
156
157
|
k as vclToHex
|
|
157
158
|
};
|
package/dist/variables.scss
CHANGED
|
@@ -1,165 +1,165 @@
|
|
|
1
|
-
@use 'sass:color';
|
|
2
|
-
@use 'pkg:bootstrap/scss/functions' as bs-functions;
|
|
3
|
-
|
|
4
|
-
$enable-negative-margins: true;
|
|
5
|
-
|
|
6
|
-
$eon-red: #ea1b0a;
|
|
7
|
-
$eon-yellow: #e3e000;
|
|
8
|
-
$eon-turquoise: #1ea2b1;
|
|
9
|
-
|
|
10
|
-
$palette-turkey-red: #b00402;
|
|
11
|
-
$palette-moonstone: #56b9c5;
|
|
12
|
-
$palette-light-cyan: #c7e8eb;
|
|
13
|
-
$palette-jet: #39393a;
|
|
14
|
-
$palette-battleship-gray: #8f9192;
|
|
15
|
-
$palette-alice-blue: #ebf2f4;
|
|
16
|
-
$palette-seasalt: #f6f7f7;
|
|
17
|
-
|
|
18
|
-
$bg: #f7fbfa;
|
|
19
|
-
$bg-darker: #ebf2f4;
|
|
20
|
-
|
|
21
|
-
$accent-darker: #e9edf2;
|
|
22
|
-
|
|
23
|
-
$danger: #f4254e;
|
|
24
|
-
$danger-100: color.adjust($danger, $lightness: 40%);
|
|
25
|
-
$danger-50: color.adjust($danger, $lightness: 43%);
|
|
26
|
-
|
|
27
|
-
$success: #00b77a;
|
|
28
|
-
|
|
29
|
-
$warning: #ffb000;
|
|
30
|
-
|
|
31
|
-
$info: #38b0e5;
|
|
32
|
-
|
|
33
|
-
$border-radius: 4px;
|
|
34
|
-
$border-width: 1px;
|
|
35
|
-
$border-color: $bg-darker;
|
|
36
|
-
|
|
37
|
-
$white: #fff !default;
|
|
38
|
-
$gray-100: #f8f9fa !default;
|
|
39
|
-
$gray-200: #e9ecef !default;
|
|
40
|
-
$gray-300: #dee2e6 !default;
|
|
41
|
-
$gray-400: #ced4da !default;
|
|
42
|
-
$gray-500: #adb5bd !default;
|
|
43
|
-
$gray-600: #6c757d !default;
|
|
44
|
-
$gray-700: #495057 !default;
|
|
45
|
-
$gray-800: #343a40 !default;
|
|
46
|
-
$gray-900: #212529 !default;
|
|
47
|
-
$black: #000 !default;
|
|
48
|
-
$blue: #0d6efd !default;
|
|
49
|
-
$indigo: #6610f2 !default;
|
|
50
|
-
$purple: #6f42c1 !default;
|
|
51
|
-
$pink: #d63384 !default;
|
|
52
|
-
$red: #dc3545 !default;
|
|
53
|
-
$orange: #fd7e14 !default;
|
|
54
|
-
$yellow: #ffc107 !default;
|
|
55
|
-
$green: #198754 !default;
|
|
56
|
-
$teal: #20c997 !default;
|
|
57
|
-
$cyan: #0dcaf0 !default;
|
|
58
|
-
$blue-100: bs-functions.tint-color($blue, 80%) !default;
|
|
59
|
-
$blue-200: bs-functions.tint-color($blue, 60%) !default;
|
|
60
|
-
$blue-300: bs-functions.tint-color($blue, 40%) !default;
|
|
61
|
-
$blue-400: bs-functions.tint-color($blue, 20%) !default;
|
|
62
|
-
$blue-500: $blue !default;
|
|
63
|
-
$blue-600: bs-functions.shade-color($blue, 20%) !default;
|
|
64
|
-
$blue-700: bs-functions.shade-color($blue, 40%) !default;
|
|
65
|
-
$blue-800: bs-functions.shade-color($blue, 60%) !default;
|
|
66
|
-
$blue-900: bs-functions.shade-color($blue, 80%) !default;
|
|
67
|
-
$indigo-100: bs-functions.tint-color($indigo, 80%) !default;
|
|
68
|
-
$indigo-200: bs-functions.tint-color($indigo, 60%) !default;
|
|
69
|
-
$indigo-300: bs-functions.tint-color($indigo, 40%) !default;
|
|
70
|
-
$indigo-400: bs-functions.tint-color($indigo, 20%) !default;
|
|
71
|
-
$indigo-500: $indigo !default;
|
|
72
|
-
$indigo-600: bs-functions.shade-color($indigo, 20%) !default;
|
|
73
|
-
$indigo-700: bs-functions.shade-color($indigo, 40%) !default;
|
|
74
|
-
$indigo-800: bs-functions.shade-color($indigo, 60%) !default;
|
|
75
|
-
$indigo-900: bs-functions.shade-color($indigo, 80%) !default;
|
|
76
|
-
$purple-100: bs-functions.tint-color($purple, 80%) !default;
|
|
77
|
-
$purple-200: bs-functions.tint-color($purple, 60%) !default;
|
|
78
|
-
$purple-300: bs-functions.tint-color($purple, 40%) !default;
|
|
79
|
-
$purple-400: bs-functions.tint-color($purple, 20%) !default;
|
|
80
|
-
$purple-500: $purple !default;
|
|
81
|
-
$purple-600: bs-functions.shade-color($purple, 20%) !default;
|
|
82
|
-
$purple-700: bs-functions.shade-color($purple, 40%) !default;
|
|
83
|
-
$purple-800: bs-functions.shade-color($purple, 60%) !default;
|
|
84
|
-
$purple-900: bs-functions.shade-color($purple, 80%) !default;
|
|
85
|
-
$pink-100: bs-functions.tint-color($pink, 80%) !default;
|
|
86
|
-
$pink-200: bs-functions.tint-color($pink, 60%) !default;
|
|
87
|
-
$pink-300: bs-functions.tint-color($pink, 40%) !default;
|
|
88
|
-
$pink-400: bs-functions.tint-color($pink, 20%) !default;
|
|
89
|
-
$pink-500: $pink !default;
|
|
90
|
-
$pink-600: bs-functions.shade-color($pink, 20%) !default;
|
|
91
|
-
$pink-700: bs-functions.shade-color($pink, 40%) !default;
|
|
92
|
-
$pink-800: bs-functions.shade-color($pink, 60%) !default;
|
|
93
|
-
$pink-900: bs-functions.shade-color($pink, 80%) !default;
|
|
94
|
-
$red-100: bs-functions.tint-color($red, 80%) !default;
|
|
95
|
-
$red-200: bs-functions.tint-color($red, 60%) !default;
|
|
96
|
-
$red-300: bs-functions.tint-color($red, 40%) !default;
|
|
97
|
-
$red-400: bs-functions.tint-color($red, 20%) !default;
|
|
98
|
-
$red-500: $red !default;
|
|
99
|
-
$red-600: bs-functions.shade-color($red, 20%) !default;
|
|
100
|
-
$red-700: bs-functions.shade-color($red, 40%) !default;
|
|
101
|
-
$red-800: bs-functions.shade-color($red, 60%) !default;
|
|
102
|
-
$red-900: bs-functions.shade-color($red, 80%) !default;
|
|
103
|
-
$orange-100: bs-functions.tint-color($orange, 80%) !default;
|
|
104
|
-
$orange-200: bs-functions.tint-color($orange, 60%) !default;
|
|
105
|
-
$orange-300: bs-functions.tint-color($orange, 40%) !default;
|
|
106
|
-
$orange-400: bs-functions.tint-color($orange, 20%) !default;
|
|
107
|
-
$orange-500: $orange !default;
|
|
108
|
-
$orange-600: bs-functions.shade-color($orange, 20%) !default;
|
|
109
|
-
$orange-700: bs-functions.shade-color($orange, 40%) !default;
|
|
110
|
-
$orange-800: bs-functions.shade-color($orange, 60%) !default;
|
|
111
|
-
$orange-900: bs-functions.shade-color($orange, 80%) !default;
|
|
112
|
-
$yellow-100: bs-functions.tint-color($yellow, 80%) !default;
|
|
113
|
-
$yellow-200: bs-functions.tint-color($yellow, 60%) !default;
|
|
114
|
-
$yellow-300: bs-functions.tint-color($yellow, 40%) !default;
|
|
115
|
-
$yellow-400: bs-functions.tint-color($yellow, 20%) !default;
|
|
116
|
-
$yellow-500: $yellow !default;
|
|
117
|
-
$yellow-600: bs-functions.shade-color($yellow, 20%) !default;
|
|
118
|
-
$yellow-700: bs-functions.shade-color($yellow, 40%) !default;
|
|
119
|
-
$yellow-800: bs-functions.shade-color($yellow, 60%) !default;
|
|
120
|
-
$yellow-900: bs-functions.shade-color($yellow, 80%) !default;
|
|
121
|
-
$green-100: bs-functions.tint-color($green, 80%) !default;
|
|
122
|
-
$green-200: bs-functions.tint-color($green, 60%) !default;
|
|
123
|
-
$green-300: bs-functions.tint-color($green, 40%) !default;
|
|
124
|
-
$green-400: bs-functions.tint-color($green, 20%) !default;
|
|
125
|
-
$green-500: $green !default;
|
|
126
|
-
$green-600: bs-functions.shade-color($green, 20%) !default;
|
|
127
|
-
$green-700: bs-functions.shade-color($green, 40%) !default;
|
|
128
|
-
$green-800: bs-functions.shade-color($green, 60%) !default;
|
|
129
|
-
$green-900: bs-functions.shade-color($green, 80%) !default;
|
|
130
|
-
$teal-100: bs-functions.tint-color($teal, 80%) !default;
|
|
131
|
-
$teal-200: bs-functions.tint-color($teal, 60%) !default;
|
|
132
|
-
$teal-300: bs-functions.tint-color($teal, 40%) !default;
|
|
133
|
-
$teal-400: bs-functions.tint-color($teal, 20%) !default;
|
|
134
|
-
$teal-500: $teal !default;
|
|
135
|
-
$teal-600: bs-functions.shade-color($teal, 20%) !default;
|
|
136
|
-
$teal-700: bs-functions.shade-color($teal, 40%) !default;
|
|
137
|
-
$teal-800: bs-functions.shade-color($teal, 60%) !default;
|
|
138
|
-
$teal-900: bs-functions.shade-color($teal, 80%) !default;
|
|
139
|
-
$cyan-100: bs-functions.tint-color($cyan, 80%) !default;
|
|
140
|
-
$cyan-200: bs-functions.tint-color($cyan, 60%) !default;
|
|
141
|
-
$cyan-300: bs-functions.tint-color($cyan, 40%) !default;
|
|
142
|
-
$cyan-400: bs-functions.tint-color($cyan, 20%) !default;
|
|
143
|
-
$cyan-500: $cyan !default;
|
|
144
|
-
$cyan-600: bs-functions.shade-color($cyan, 20%) !default;
|
|
145
|
-
$cyan-700: bs-functions.shade-color($cyan, 40%) !default;
|
|
146
|
-
$cyan-800: bs-functions.shade-color($cyan, 60%) !default;
|
|
147
|
-
$cyan-900: bs-functions.shade-color($cyan, 80%) !default;
|
|
148
|
-
|
|
149
|
-
$text: #1e2832;
|
|
150
|
-
$text-muted: #8a929c;
|
|
151
|
-
$text-light: $gray-200;
|
|
152
|
-
|
|
153
|
-
$dark: $text;
|
|
154
|
-
|
|
155
|
-
$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
|
|
156
|
-
$box-shadow-sm: 0rem 0rem 0.5rem rgba($black, 0.1) !default;
|
|
157
|
-
// $box-shadow-sm-primary: 0 0rem 0.4rem rgba($primary, 0.3) !default;
|
|
158
|
-
$box-shadow-sm-danger: 0 0rem 0.4rem rgba($danger, 0.3) !default;
|
|
159
|
-
$box-shadow-sm-warning: 0 0rem 0.4rem rgba($warning, 0.3) !default;
|
|
160
|
-
$box-shadow-sm-success: 0 0rem 0.4rem rgba($success, 0.3) !default;
|
|
161
|
-
$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
|
|
162
|
-
$box-shadow-inset: inset 0 0.5rem 1rem rgba($black, 0.1) !default;
|
|
163
|
-
|
|
164
|
-
$modal-backdrop-bg: black;
|
|
165
|
-
$modal-backdrop-opacity: 0.3;
|
|
1
|
+
@use 'sass:color';
|
|
2
|
+
@use 'pkg:bootstrap/scss/functions' as bs-functions;
|
|
3
|
+
|
|
4
|
+
$enable-negative-margins: true;
|
|
5
|
+
|
|
6
|
+
$eon-red: #ea1b0a;
|
|
7
|
+
$eon-yellow: #e3e000;
|
|
8
|
+
$eon-turquoise: #1ea2b1;
|
|
9
|
+
|
|
10
|
+
$palette-turkey-red: #b00402;
|
|
11
|
+
$palette-moonstone: #56b9c5;
|
|
12
|
+
$palette-light-cyan: #c7e8eb;
|
|
13
|
+
$palette-jet: #39393a;
|
|
14
|
+
$palette-battleship-gray: #8f9192;
|
|
15
|
+
$palette-alice-blue: #ebf2f4;
|
|
16
|
+
$palette-seasalt: #f6f7f7;
|
|
17
|
+
|
|
18
|
+
$bg: #f7fbfa;
|
|
19
|
+
$bg-darker: #ebf2f4;
|
|
20
|
+
|
|
21
|
+
$accent-darker: #e9edf2;
|
|
22
|
+
|
|
23
|
+
$danger: #f4254e;
|
|
24
|
+
$danger-100: color.adjust($danger, $lightness: 40%);
|
|
25
|
+
$danger-50: color.adjust($danger, $lightness: 43%);
|
|
26
|
+
|
|
27
|
+
$success: #00b77a;
|
|
28
|
+
|
|
29
|
+
$warning: #ffb000;
|
|
30
|
+
|
|
31
|
+
$info: #38b0e5;
|
|
32
|
+
|
|
33
|
+
$border-radius: 4px;
|
|
34
|
+
$border-width: 1px;
|
|
35
|
+
$border-color: $bg-darker;
|
|
36
|
+
|
|
37
|
+
$white: #fff !default;
|
|
38
|
+
$gray-100: #f8f9fa !default;
|
|
39
|
+
$gray-200: #e9ecef !default;
|
|
40
|
+
$gray-300: #dee2e6 !default;
|
|
41
|
+
$gray-400: #ced4da !default;
|
|
42
|
+
$gray-500: #adb5bd !default;
|
|
43
|
+
$gray-600: #6c757d !default;
|
|
44
|
+
$gray-700: #495057 !default;
|
|
45
|
+
$gray-800: #343a40 !default;
|
|
46
|
+
$gray-900: #212529 !default;
|
|
47
|
+
$black: #000 !default;
|
|
48
|
+
$blue: #0d6efd !default;
|
|
49
|
+
$indigo: #6610f2 !default;
|
|
50
|
+
$purple: #6f42c1 !default;
|
|
51
|
+
$pink: #d63384 !default;
|
|
52
|
+
$red: #dc3545 !default;
|
|
53
|
+
$orange: #fd7e14 !default;
|
|
54
|
+
$yellow: #ffc107 !default;
|
|
55
|
+
$green: #198754 !default;
|
|
56
|
+
$teal: #20c997 !default;
|
|
57
|
+
$cyan: #0dcaf0 !default;
|
|
58
|
+
$blue-100: bs-functions.tint-color($blue, 80%) !default;
|
|
59
|
+
$blue-200: bs-functions.tint-color($blue, 60%) !default;
|
|
60
|
+
$blue-300: bs-functions.tint-color($blue, 40%) !default;
|
|
61
|
+
$blue-400: bs-functions.tint-color($blue, 20%) !default;
|
|
62
|
+
$blue-500: $blue !default;
|
|
63
|
+
$blue-600: bs-functions.shade-color($blue, 20%) !default;
|
|
64
|
+
$blue-700: bs-functions.shade-color($blue, 40%) !default;
|
|
65
|
+
$blue-800: bs-functions.shade-color($blue, 60%) !default;
|
|
66
|
+
$blue-900: bs-functions.shade-color($blue, 80%) !default;
|
|
67
|
+
$indigo-100: bs-functions.tint-color($indigo, 80%) !default;
|
|
68
|
+
$indigo-200: bs-functions.tint-color($indigo, 60%) !default;
|
|
69
|
+
$indigo-300: bs-functions.tint-color($indigo, 40%) !default;
|
|
70
|
+
$indigo-400: bs-functions.tint-color($indigo, 20%) !default;
|
|
71
|
+
$indigo-500: $indigo !default;
|
|
72
|
+
$indigo-600: bs-functions.shade-color($indigo, 20%) !default;
|
|
73
|
+
$indigo-700: bs-functions.shade-color($indigo, 40%) !default;
|
|
74
|
+
$indigo-800: bs-functions.shade-color($indigo, 60%) !default;
|
|
75
|
+
$indigo-900: bs-functions.shade-color($indigo, 80%) !default;
|
|
76
|
+
$purple-100: bs-functions.tint-color($purple, 80%) !default;
|
|
77
|
+
$purple-200: bs-functions.tint-color($purple, 60%) !default;
|
|
78
|
+
$purple-300: bs-functions.tint-color($purple, 40%) !default;
|
|
79
|
+
$purple-400: bs-functions.tint-color($purple, 20%) !default;
|
|
80
|
+
$purple-500: $purple !default;
|
|
81
|
+
$purple-600: bs-functions.shade-color($purple, 20%) !default;
|
|
82
|
+
$purple-700: bs-functions.shade-color($purple, 40%) !default;
|
|
83
|
+
$purple-800: bs-functions.shade-color($purple, 60%) !default;
|
|
84
|
+
$purple-900: bs-functions.shade-color($purple, 80%) !default;
|
|
85
|
+
$pink-100: bs-functions.tint-color($pink, 80%) !default;
|
|
86
|
+
$pink-200: bs-functions.tint-color($pink, 60%) !default;
|
|
87
|
+
$pink-300: bs-functions.tint-color($pink, 40%) !default;
|
|
88
|
+
$pink-400: bs-functions.tint-color($pink, 20%) !default;
|
|
89
|
+
$pink-500: $pink !default;
|
|
90
|
+
$pink-600: bs-functions.shade-color($pink, 20%) !default;
|
|
91
|
+
$pink-700: bs-functions.shade-color($pink, 40%) !default;
|
|
92
|
+
$pink-800: bs-functions.shade-color($pink, 60%) !default;
|
|
93
|
+
$pink-900: bs-functions.shade-color($pink, 80%) !default;
|
|
94
|
+
$red-100: bs-functions.tint-color($red, 80%) !default;
|
|
95
|
+
$red-200: bs-functions.tint-color($red, 60%) !default;
|
|
96
|
+
$red-300: bs-functions.tint-color($red, 40%) !default;
|
|
97
|
+
$red-400: bs-functions.tint-color($red, 20%) !default;
|
|
98
|
+
$red-500: $red !default;
|
|
99
|
+
$red-600: bs-functions.shade-color($red, 20%) !default;
|
|
100
|
+
$red-700: bs-functions.shade-color($red, 40%) !default;
|
|
101
|
+
$red-800: bs-functions.shade-color($red, 60%) !default;
|
|
102
|
+
$red-900: bs-functions.shade-color($red, 80%) !default;
|
|
103
|
+
$orange-100: bs-functions.tint-color($orange, 80%) !default;
|
|
104
|
+
$orange-200: bs-functions.tint-color($orange, 60%) !default;
|
|
105
|
+
$orange-300: bs-functions.tint-color($orange, 40%) !default;
|
|
106
|
+
$orange-400: bs-functions.tint-color($orange, 20%) !default;
|
|
107
|
+
$orange-500: $orange !default;
|
|
108
|
+
$orange-600: bs-functions.shade-color($orange, 20%) !default;
|
|
109
|
+
$orange-700: bs-functions.shade-color($orange, 40%) !default;
|
|
110
|
+
$orange-800: bs-functions.shade-color($orange, 60%) !default;
|
|
111
|
+
$orange-900: bs-functions.shade-color($orange, 80%) !default;
|
|
112
|
+
$yellow-100: bs-functions.tint-color($yellow, 80%) !default;
|
|
113
|
+
$yellow-200: bs-functions.tint-color($yellow, 60%) !default;
|
|
114
|
+
$yellow-300: bs-functions.tint-color($yellow, 40%) !default;
|
|
115
|
+
$yellow-400: bs-functions.tint-color($yellow, 20%) !default;
|
|
116
|
+
$yellow-500: $yellow !default;
|
|
117
|
+
$yellow-600: bs-functions.shade-color($yellow, 20%) !default;
|
|
118
|
+
$yellow-700: bs-functions.shade-color($yellow, 40%) !default;
|
|
119
|
+
$yellow-800: bs-functions.shade-color($yellow, 60%) !default;
|
|
120
|
+
$yellow-900: bs-functions.shade-color($yellow, 80%) !default;
|
|
121
|
+
$green-100: bs-functions.tint-color($green, 80%) !default;
|
|
122
|
+
$green-200: bs-functions.tint-color($green, 60%) !default;
|
|
123
|
+
$green-300: bs-functions.tint-color($green, 40%) !default;
|
|
124
|
+
$green-400: bs-functions.tint-color($green, 20%) !default;
|
|
125
|
+
$green-500: $green !default;
|
|
126
|
+
$green-600: bs-functions.shade-color($green, 20%) !default;
|
|
127
|
+
$green-700: bs-functions.shade-color($green, 40%) !default;
|
|
128
|
+
$green-800: bs-functions.shade-color($green, 60%) !default;
|
|
129
|
+
$green-900: bs-functions.shade-color($green, 80%) !default;
|
|
130
|
+
$teal-100: bs-functions.tint-color($teal, 80%) !default;
|
|
131
|
+
$teal-200: bs-functions.tint-color($teal, 60%) !default;
|
|
132
|
+
$teal-300: bs-functions.tint-color($teal, 40%) !default;
|
|
133
|
+
$teal-400: bs-functions.tint-color($teal, 20%) !default;
|
|
134
|
+
$teal-500: $teal !default;
|
|
135
|
+
$teal-600: bs-functions.shade-color($teal, 20%) !default;
|
|
136
|
+
$teal-700: bs-functions.shade-color($teal, 40%) !default;
|
|
137
|
+
$teal-800: bs-functions.shade-color($teal, 60%) !default;
|
|
138
|
+
$teal-900: bs-functions.shade-color($teal, 80%) !default;
|
|
139
|
+
$cyan-100: bs-functions.tint-color($cyan, 80%) !default;
|
|
140
|
+
$cyan-200: bs-functions.tint-color($cyan, 60%) !default;
|
|
141
|
+
$cyan-300: bs-functions.tint-color($cyan, 40%) !default;
|
|
142
|
+
$cyan-400: bs-functions.tint-color($cyan, 20%) !default;
|
|
143
|
+
$cyan-500: $cyan !default;
|
|
144
|
+
$cyan-600: bs-functions.shade-color($cyan, 20%) !default;
|
|
145
|
+
$cyan-700: bs-functions.shade-color($cyan, 40%) !default;
|
|
146
|
+
$cyan-800: bs-functions.shade-color($cyan, 60%) !default;
|
|
147
|
+
$cyan-900: bs-functions.shade-color($cyan, 80%) !default;
|
|
148
|
+
|
|
149
|
+
$text: #1e2832;
|
|
150
|
+
$text-muted: #8a929c;
|
|
151
|
+
$text-light: $gray-200;
|
|
152
|
+
|
|
153
|
+
$dark: $text;
|
|
154
|
+
|
|
155
|
+
$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
|
|
156
|
+
$box-shadow-sm: 0rem 0rem 0.5rem rgba($black, 0.1) !default;
|
|
157
|
+
// $box-shadow-sm-primary: 0 0rem 0.4rem rgba($primary, 0.3) !default;
|
|
158
|
+
$box-shadow-sm-danger: 0 0rem 0.4rem rgba($danger, 0.3) !default;
|
|
159
|
+
$box-shadow-sm-warning: 0 0rem 0.4rem rgba($warning, 0.3) !default;
|
|
160
|
+
$box-shadow-sm-success: 0 0rem 0.4rem rgba($success, 0.3) !default;
|
|
161
|
+
$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
|
|
162
|
+
$box-shadow-inset: inset 0 0.5rem 1rem rgba($black, 0.1) !default;
|
|
163
|
+
|
|
164
|
+
$modal-backdrop-bg: black;
|
|
165
|
+
$modal-backdrop-opacity: 0.3;
|