@hai-dev/ui-kit 1.1.9 → 1.1.10
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/{Box-CykjCaXY.js → Box-TrgOqpYk.js} +2 -2
- package/dist/{Button-CcvrOEKV.js → Button-BN3fv8kr.js} +7 -7
- package/dist/{ButtonBase-DPLf5-lz.js → ButtonBase-CSWuFxUv.js} +3 -3
- package/dist/{CircularProgress-CrHaMZDC.js → CircularProgress-sPARyPfh.js} +7 -7
- package/dist/{Dialog-DnhJBaR4.js → Dialog-Cf0d7zi7.js} +18 -45
- package/dist/{DialogTitle-CeM_Z851.js → DialogTitle-BtvmXSZP.js} +10 -10
- package/dist/{Typography-DDVoglvI.js → Typography-Bjd6ZHeX.js} +6 -6
- package/dist/assets/upload-dialog.css +1 -1
- package/dist/chainPropTypes-DiJb1lGa.js +568 -0
- package/dist/components/button/button-content.js +1 -1
- package/dist/components/button/button.js +2 -2
- package/dist/components/button/utils/get-button-classnames.js +1 -1
- package/dist/components/circular-progress-loader/circular-progress-loader.js +4 -4
- package/dist/components/code-input/code-input.js +8 -8
- package/dist/components/index.js +10 -10
- package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js +9 -9
- package/dist/components/photo-crop-uploader/components/index.js +4 -4
- package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js +2 -2
- package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js +2 -2
- package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js +3 -3
- package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog.js +11 -11
- package/dist/components/photo-crop-uploader/photo-crop-uploader.js +1 -1
- package/dist/{createTheme-RRQUOQoF.js → createTheme-D8R2Cz2N.js} +265 -310
- package/dist/{extendSxProp-VC2-7DJw.js → extendSxProp-Cw_ym9sl.js} +6 -6
- package/dist/{index-BMkXyDFs.js → index-CL3JU48X.js} +5 -5
- package/dist/{index-B2JRaoNz.js → index-YnD2EP-S.js} +0 -5
- package/dist/index.js +8 -8
- package/dist/{memoTheme-5A7c_y33.js → memoTheme-D5VCpQCz.js} +1 -1
- package/dist/refType-CUEs_vK5.js +61 -0
- package/dist/{upload-dialog-errors-Bxun25O-.js → upload-dialog-errors-Cyz6_7n4.js} +5 -5
- package/package.json +67 -40
- package/dist/chainPropTypes-C04Ex8aP.js +0 -413
- package/dist/refType-CCKoQjVR.js +0 -61
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-
|
|
1
|
+
import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-D8R2Cz2N.js";
|
|
2
2
|
import * as C from "react";
|
|
3
3
|
import { jsx as b } from "react/jsx-runtime";
|
|
4
|
-
import { u as g, e as v } from "./extendSxProp-
|
|
4
|
+
import { u as g, e as v } from "./extendSxProp-Cw_ym9sl.js";
|
|
5
5
|
function E(n = {}) {
|
|
6
6
|
const {
|
|
7
7
|
themeId: t,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as y from "react";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { m as X } from "./memoTheme-
|
|
2
|
+
import { g as H, a as A, c as R, b as r, P as t } from "./createTheme-D8R2Cz2N.js";
|
|
3
|
+
import { e as q, u as J, c as K, s as f, r as Q } from "./chainPropTypes-DiJb1lGa.js";
|
|
4
|
+
import { m as X } from "./memoTheme-D5VCpQCz.js";
|
|
5
5
|
import { c as Y } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
6
6
|
import { jsxs as Z, jsx as d } from "react/jsx-runtime";
|
|
7
7
|
import { u as oo } from "./useId-CK6Kn3Tn.js";
|
|
8
|
-
import { B as to } from "./ButtonBase-
|
|
9
|
-
import { C as no } from "./CircularProgress-
|
|
8
|
+
import { B as to } from "./ButtonBase-CSWuFxUv.js";
|
|
9
|
+
import { C as no } from "./CircularProgress-sPARyPfh.js";
|
|
10
10
|
function ao(o) {
|
|
11
|
-
return
|
|
11
|
+
return H("MuiButton", o);
|
|
12
12
|
}
|
|
13
|
-
const p =
|
|
13
|
+
const p = A("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), W = /* @__PURE__ */ y.createContext({});
|
|
14
14
|
process.env.NODE_ENV !== "production" && (W.displayName = "ButtonGroupContext");
|
|
15
15
|
const O = /* @__PURE__ */ y.createContext(void 0);
|
|
16
16
|
process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as f from "react";
|
|
2
2
|
import X, { isValidElement as H, cloneElement as G, Children as Ie } from "react";
|
|
3
|
-
import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-
|
|
3
|
+
import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-D8R2Cz2N.js";
|
|
4
4
|
import { jsx as U, jsxs as je } from "react/jsx-runtime";
|
|
5
|
-
import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-
|
|
6
|
-
import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-
|
|
5
|
+
import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-DiJb1lGa.js";
|
|
6
|
+
import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-CUEs_vK5.js";
|
|
7
7
|
function _e(e, t) {
|
|
8
8
|
if (e == null) return {};
|
|
9
9
|
var o = {};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as O from "react";
|
|
2
|
-
import { g as N, a as j, c as R, b as l, P as e } from "./createTheme-
|
|
3
|
-
import { m as g } from "./memoTheme-
|
|
2
|
+
import { g as N, a as j, c as R, b as l, P as e } from "./createTheme-D8R2Cz2N.js";
|
|
3
|
+
import { m as g } from "./memoTheme-D5VCpQCz.js";
|
|
4
4
|
import { c as U } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
5
5
|
import { jsx as y, jsxs as E } from "react/jsx-runtime";
|
|
6
|
-
import { u as I,
|
|
6
|
+
import { u as I, c as z, s as p, k as w, a as T, b as F } from "./chainPropTypes-DiJb1lGa.js";
|
|
7
7
|
function V(r) {
|
|
8
8
|
return N("MuiCircularProgress", r);
|
|
9
9
|
}
|
|
10
10
|
j("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
|
|
11
|
-
const a = 44, k =
|
|
11
|
+
const a = 44, k = w`
|
|
12
12
|
0% {
|
|
13
13
|
transform: rotate(0deg);
|
|
14
14
|
}
|
|
@@ -16,7 +16,7 @@ const a = 44, k = T`
|
|
|
16
16
|
100% {
|
|
17
17
|
transform: rotate(360deg);
|
|
18
18
|
}
|
|
19
|
-
`, v =
|
|
19
|
+
`, v = w`
|
|
20
20
|
0% {
|
|
21
21
|
stroke-dasharray: 1px, 200px;
|
|
22
22
|
stroke-dashoffset: 0;
|
|
@@ -31,9 +31,9 @@ const a = 44, k = T`
|
|
|
31
31
|
stroke-dasharray: 1px, 200px;
|
|
32
32
|
stroke-dashoffset: -126px;
|
|
33
33
|
}
|
|
34
|
-
`, A = typeof k != "string" ?
|
|
34
|
+
`, A = typeof k != "string" ? T`
|
|
35
35
|
animation: ${k} 1.4s linear infinite;
|
|
36
|
-
` : null, K = typeof v != "string" ?
|
|
36
|
+
` : null, K = typeof v != "string" ? T`
|
|
37
37
|
animation: ${v} 1.4s ease-in-out infinite;
|
|
38
38
|
` : null, W = (r) => {
|
|
39
39
|
const {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as h from "react";
|
|
2
2
|
import Y from "react";
|
|
3
|
-
import { T as lt, P as e, g as ge, a as he,
|
|
4
|
-
import { c as ct } from "./DialogTitle-
|
|
5
|
-
import {
|
|
6
|
-
import { u as dt } from "./extendSxProp-
|
|
3
|
+
import { T as lt, P as e, g as ge, a as he, t as Le, c as B, v as Fe, b as X } from "./createTheme-D8R2Cz2N.js";
|
|
4
|
+
import { c as ct } from "./DialogTitle-BtvmXSZP.js";
|
|
5
|
+
import { d as ut, u as be, c as ve, s as H, b as we } from "./chainPropTypes-DiJb1lGa.js";
|
|
6
|
+
import { u as dt } from "./extendSxProp-Cw_ym9sl.js";
|
|
7
7
|
import { jsx as M, jsxs as Ze } from "react/jsx-runtime";
|
|
8
|
-
import { m as _e } from "./memoTheme-
|
|
9
|
-
import { u as ie, b as je, a as $e } from "./refType-
|
|
8
|
+
import { m as _e } from "./memoTheme-D5VCpQCz.js";
|
|
9
|
+
import { u as ie, b as je, a as $e } from "./refType-CUEs_vK5.js";
|
|
10
10
|
import { i as pt, o as pe, a as Z } from "./isHostComponent-Dm_U9uOy.js";
|
|
11
|
-
import { _ as ft, a as mt, T as Je } from "./ButtonBase-
|
|
12
|
-
import { g as yt } from "./index-
|
|
11
|
+
import { _ as ft, a as mt, T as Je } from "./ButtonBase-CSWuFxUv.js";
|
|
12
|
+
import { g as yt } from "./index-YnD2EP-S.js";
|
|
13
13
|
import { u as gt } from "./useId-CK6Kn3Tn.js";
|
|
14
14
|
const ht = "exact-prop: ";
|
|
15
15
|
function Qe(t) {
|
|
@@ -35,15 +35,6 @@ function He(t, n) {
|
|
|
35
35
|
typeof t == "function" ? t(n) : t && (t.current = n);
|
|
36
36
|
}
|
|
37
37
|
var ce = { exports: {} }, k = {};
|
|
38
|
-
/**
|
|
39
|
-
* @license React
|
|
40
|
-
* react-dom.production.js
|
|
41
|
-
*
|
|
42
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
43
|
-
*
|
|
44
|
-
* This source code is licensed under the MIT license found in the
|
|
45
|
-
* LICENSE file in the root directory of this source tree.
|
|
46
|
-
*/
|
|
47
38
|
var We;
|
|
48
39
|
function bt() {
|
|
49
40
|
if (We) return k;
|
|
@@ -76,7 +67,7 @@ function bt() {
|
|
|
76
67
|
},
|
|
77
68
|
p: 0,
|
|
78
69
|
findDOMNode: null
|
|
79
|
-
}, a = Symbol.for("react.portal");
|
|
70
|
+
}, a = /* @__PURE__ */ Symbol.for("react.portal");
|
|
80
71
|
function s(u, l, m) {
|
|
81
72
|
var c = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
82
73
|
return {
|
|
@@ -178,15 +169,6 @@ function bt() {
|
|
|
178
169
|
}, k.version = "19.2.3", k;
|
|
179
170
|
}
|
|
180
171
|
var w = {};
|
|
181
|
-
/**
|
|
182
|
-
* @license React
|
|
183
|
-
* react-dom.development.js
|
|
184
|
-
*
|
|
185
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
186
|
-
*
|
|
187
|
-
* This source code is licensed under the MIT license found in the
|
|
188
|
-
* LICENSE file in the root directory of this source tree.
|
|
189
|
-
*/
|
|
190
172
|
var Ue;
|
|
191
173
|
function vt() {
|
|
192
174
|
return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
@@ -254,7 +236,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
254
236
|
},
|
|
255
237
|
p: 0,
|
|
256
238
|
findDOMNode: null
|
|
257
|
-
}, l = Symbol.for("react.portal"), m = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
239
|
+
}, l = /* @__PURE__ */ Symbol.for("react.portal"), m = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
258
240
|
typeof Map == "function" && Map.prototype != null && typeof Map.prototype.forEach == "function" && typeof Set == "function" && Set.prototype != null && typeof Set.prototype.clear == "function" && typeof Set.prototype.forEach == "function" || console.error(
|
|
259
241
|
"React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
|
|
260
242
|
), w.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = u, w.createPortal = function(c, o) {
|
|
@@ -329,23 +311,14 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
329
311
|
}
|
|
330
312
|
}, w.preinitModule = function(c, o) {
|
|
331
313
|
var f = "";
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
)
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
break;
|
|
341
|
-
default:
|
|
342
|
-
f = s(f), console.error(
|
|
343
|
-
'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
|
|
344
|
-
f,
|
|
345
|
-
c
|
|
346
|
-
);
|
|
347
|
-
}
|
|
348
|
-
typeof c == "string" && (typeof o == "object" && o !== null ? (o.as == null || o.as === "script") && (f = r(
|
|
314
|
+
typeof c == "string" && c || (f += " The `href` argument encountered was " + a(c) + "."), o !== void 0 && typeof o != "object" ? f += " The `options` argument encountered was " + a(o) + "." : o && "as" in o && o.as !== "script" && (f += " The `as` option encountered was " + s(o.as) + "."), f ? console.error(
|
|
315
|
+
"ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
|
|
316
|
+
f
|
|
317
|
+
) : (f = o && typeof o.as == "string" ? o.as : "script", f) === "script" || (f = s(f), console.error(
|
|
318
|
+
'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
|
|
319
|
+
f,
|
|
320
|
+
c
|
|
321
|
+
)), typeof c == "string" && (typeof o == "object" && o !== null ? (o.as == null || o.as === "script") && (f = r(
|
|
349
322
|
o.as,
|
|
350
323
|
o.crossOrigin
|
|
351
324
|
), u.d.M(c, {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as p from "react";
|
|
2
|
-
import { g as d, a as g, c as u, P as o } from "./createTheme-
|
|
2
|
+
import { g as d, a as g, c as u, P as o } from "./createTheme-D8R2Cz2N.js";
|
|
3
3
|
import { jsx as f } from "react/jsx-runtime";
|
|
4
|
-
import { u as m,
|
|
5
|
-
import { m as b } from "./memoTheme-
|
|
6
|
-
import { T as x } from "./Typography-
|
|
4
|
+
import { u as m, c as D, s as v } from "./chainPropTypes-DiJb1lGa.js";
|
|
5
|
+
import { m as b } from "./memoTheme-D5VCpQCz.js";
|
|
6
|
+
import { T as x } from "./Typography-Bjd6ZHeX.js";
|
|
7
7
|
const y = /* @__PURE__ */ p.createContext({});
|
|
8
8
|
process.env.NODE_ENV !== "production" && (y.displayName = "DialogContext");
|
|
9
9
|
function C(t) {
|
|
@@ -15,10 +15,10 @@ const N = (t) => {
|
|
|
15
15
|
classes: s,
|
|
16
16
|
disableSpacing: e
|
|
17
17
|
} = t;
|
|
18
|
-
return
|
|
18
|
+
return D({
|
|
19
19
|
root: ["root", !e && "spacing"]
|
|
20
20
|
}, C, s);
|
|
21
|
-
}, O =
|
|
21
|
+
}, O = v("div", {
|
|
22
22
|
name: "MuiDialogActions",
|
|
23
23
|
slot: "Root",
|
|
24
24
|
overridesResolver: (t, s) => {
|
|
@@ -101,10 +101,10 @@ const R = g("MuiDialogTitle", ["root"]), j = (t) => {
|
|
|
101
101
|
classes: s,
|
|
102
102
|
dividers: e
|
|
103
103
|
} = t;
|
|
104
|
-
return
|
|
104
|
+
return D({
|
|
105
105
|
root: ["root", e && "dividers"]
|
|
106
106
|
}, w, s);
|
|
107
|
-
}, h =
|
|
107
|
+
}, h = v("div", {
|
|
108
108
|
name: "MuiDialogContent",
|
|
109
109
|
slot: "Root",
|
|
110
110
|
overridesResolver: (t, s) => {
|
|
@@ -190,10 +190,10 @@ const E = (t) => {
|
|
|
190
190
|
const {
|
|
191
191
|
classes: s
|
|
192
192
|
} = t;
|
|
193
|
-
return
|
|
193
|
+
return D({
|
|
194
194
|
root: ["root"]
|
|
195
195
|
}, M, s);
|
|
196
|
-
}, U =
|
|
196
|
+
}, U = v(x, {
|
|
197
197
|
name: "MuiDialogTitle",
|
|
198
198
|
slot: "Root"
|
|
199
199
|
})({
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as O from "react";
|
|
2
|
-
import { g as j, a as B, c as S, b as c, P as r } from "./createTheme-
|
|
3
|
-
import { i as w } from "./index-
|
|
4
|
-
import { m as C } from "./memoTheme-
|
|
2
|
+
import { g as j, a as B, c as S, b as c, P as r } from "./createTheme-D8R2Cz2N.js";
|
|
3
|
+
import { i as w } from "./index-CL3JU48X.js";
|
|
4
|
+
import { m as C } from "./memoTheme-D5VCpQCz.js";
|
|
5
5
|
import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
6
6
|
import { jsx as W } from "react/jsx-runtime";
|
|
7
|
-
import { u as M,
|
|
7
|
+
import { u as M, c as R, s as N } from "./chainPropTypes-DiJb1lGa.js";
|
|
8
8
|
function D(o) {
|
|
9
9
|
return j("MuiTypography", o);
|
|
10
10
|
}
|
|
@@ -30,8 +30,8 @@ const U = {
|
|
|
30
30
|
} = o, n = {
|
|
31
31
|
root: ["root", s, o.align !== "inherit" && `align${c(t)}`, e && "gutterBottom", a && "noWrap", p && "paragraph"]
|
|
32
32
|
};
|
|
33
|
-
return
|
|
34
|
-
}, V =
|
|
33
|
+
return R(n, D, i);
|
|
34
|
+
}, V = N("span", {
|
|
35
35
|
name: "MuiTypography",
|
|
36
36
|
slot: "Root",
|
|
37
37
|
overridesResolver: (o, t) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media
|
|
1
|
+
@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
|