musae 1.1.0 → 1.1.1-beta.1
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/components/icon/icons/av/forward-5.cjs +0 -9
- package/dist/components/icon/icons/av/forward-5.mjs +0 -9
- package/dist/components/icon/icons/av/games.cjs +0 -9
- package/dist/components/icon/icons/av/games.mjs +0 -9
- package/dist/components/icon/icons/av/hd.cjs +0 -9
- package/dist/components/icon/icons/av/hd.mjs +0 -9
- package/dist/components/icon/icons/av/hearing-disabled.cjs +0 -9
- package/dist/components/icon/icons/av/hearing-disabled.mjs +0 -9
- package/dist/components/icon/icons/av/hearing.cjs +0 -9
- package/dist/components/icon/icons/av/hearing.mjs +0 -9
- package/dist/components/icon/icons/av/high-quality.cjs +0 -9
- package/dist/components/icon/icons/av/high-quality.mjs +0 -9
- package/dist/components/icon/icons/av/interpreter-mode.cjs +0 -9
- package/dist/components/icon/icons/av/interpreter-mode.mjs +0 -9
- package/dist/components/icon/icons/image/30fps-select.cjs +1 -1
- package/dist/components/icon/icons/image/30fps-select.mjs +1 -1
- package/dist/components/icon/icons/image/60fps-select.cjs +1 -1
- package/dist/components/icon/icons/image/60fps-select.mjs +1 -1
- package/dist/components/icon/icons/navigation/add-home-work.cjs +13 -1
- package/dist/components/icon/icons/navigation/add-home-work.mjs +13 -1
- package/dist/components/theme/hooks.cjs +3 -3
- package/dist/components/theme/hooks.d.ts +2 -2
- package/dist/components/theme/hooks.mjs +3 -3
- package/dist/types/theme.d.ts +12 -1
- package/package.json +1 -1
|
@@ -14,15 +14,6 @@ var IconForward5 = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "forward_5",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M18 14C18 17.31 15.31 20 12 20C8.69 20 6 17.31 6 14C6 10.69 8.69 8 12 8V12L17 7L12 2V6C7.58 6 4 9.58 4 14C4 18.42 7.58 22 12 22C16.42 22 20 18.42 20 14H18ZM12.48 16.15C12.43 16.22 12.37 16.28 12.3 16.32C12.23 16.36 12.13 16.38 12.03 16.38C11.86 16.38 11.72 16.33 11.61 16.23C11.5 16.13 11.44 15.99 11.42 15.82H10.58C10.59 16.02 10.63 16.19 10.71 16.35C10.79 16.51 10.9 16.63 11.03 16.74C11.16 16.85 11.32 16.93 11.49 16.98C11.66 17.03 11.84 17.06 12.02 17.06C12.26 17.06 12.48 17.02 12.66 16.94C12.84 16.86 12.99 16.76 13.11 16.63C13.23 16.5 13.32 16.35 13.38 16.18C13.44 16.01 13.47 15.83 13.47 15.64C13.47 15.42 13.44 15.21 13.38 15.04C13.32 14.87 13.24 14.71 13.13 14.59C13.02 14.47 12.88 14.37 12.72 14.31C12.56 14.25 12.38 14.21 12.17 14.21C12.1 14.21 12.03 14.22 11.97 14.23C11.91 14.24 11.84 14.25 11.79 14.27C11.74 14.29 11.69 14.3 11.64 14.32C11.59 14.34 11.56 14.36 11.53 14.37L11.64 13.45H13.34V12.74H10.95L10.7 14.91L11.37 15.08C11.4 15.05 11.43 15.02 11.47 14.99C11.51 14.96 11.54 14.94 11.59 14.92C11.64 14.9 11.69 14.88 11.74 14.87C11.79 14.86 11.87 14.85 11.94 14.85C12.06 14.85 12.16 14.87 12.24 14.9C12.32 14.93 12.4 14.99 12.45 15.05C12.5 15.11 12.55 15.19 12.58 15.29C12.61 15.39 12.62 15.48 12.62 15.6C12.62 15.72 12.61 15.82 12.59 15.91C12.57 16 12.53 16.08 12.48 16.15Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconForward5 = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "forward_5",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M18 14C18 17.31 15.31 20 12 20C8.69 20 6 17.31 6 14C6 10.69 8.69 8 12 8V12L17 7L12 2V6C7.58 6 4 9.58 4 14C4 18.42 7.58 22 12 22C16.42 22 20 18.42 20 14H18ZM12.48 16.15C12.43 16.22 12.37 16.28 12.3 16.32C12.23 16.36 12.13 16.38 12.03 16.38C11.86 16.38 11.72 16.33 11.61 16.23C11.5 16.13 11.44 15.99 11.42 15.82H10.58C10.59 16.02 10.63 16.19 10.71 16.35C10.79 16.51 10.9 16.63 11.03 16.74C11.16 16.85 11.32 16.93 11.49 16.98C11.66 17.03 11.84 17.06 12.02 17.06C12.26 17.06 12.48 17.02 12.66 16.94C12.84 16.86 12.99 16.76 13.11 16.63C13.23 16.5 13.32 16.35 13.38 16.18C13.44 16.01 13.47 15.83 13.47 15.64C13.47 15.42 13.44 15.21 13.38 15.04C13.32 14.87 13.24 14.71 13.13 14.59C13.02 14.47 12.88 14.37 12.72 14.31C12.56 14.25 12.38 14.21 12.17 14.21C12.1 14.21 12.03 14.22 11.97 14.23C11.91 14.24 11.84 14.25 11.79 14.27C11.74 14.29 11.69 14.3 11.64 14.32C11.59 14.34 11.56 14.36 11.53 14.37L11.64 13.45H13.34V12.74H10.95L10.7 14.91L11.37 15.08C11.4 15.05 11.43 15.02 11.47 14.99C11.51 14.96 11.54 14.94 11.59 14.92C11.64 14.9 11.69 14.88 11.74 14.87C11.79 14.86 11.87 14.85 11.94 14.85C12.06 14.85 12.16 14.87 12.24 14.9C12.32 14.93 12.4 14.99 12.45 15.05C12.5 15.11 12.55 15.19 12.58 15.29C12.61 15.39 12.62 15.48 12.62 15.6C12.62 15.72 12.61 15.82 12.59 15.91C12.57 16 12.53 16.08 12.48 16.15Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconGames = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "games",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M13 4V6.67L12 7.67L11 6.67V4H13ZM20 11V13H17.33L16.33 12L17.33 11H20ZM6.67 11L7.67 12L6.67 13H4V11H6.67ZM12 16.33L13 17.33V20H11V17.33L12 16.33ZM15 2H9V7.5L12 10.5L15 7.5V2ZM22 9H16.5L13.5 12L16.5 15H22V9ZM7.5 9H2V15H7.5L10.5 12L7.5 9ZM12 13.5L9 16.5V22H15V16.5L12 13.5Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconGames = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "games",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M13 4V6.67L12 7.67L11 6.67V4H13ZM20 11V13H17.33L16.33 12L17.33 11H20ZM6.67 11L7.67 12L6.67 13H4V11H6.67ZM12 16.33L13 17.33V20H11V17.33L12 16.33ZM15 2H9V7.5L12 10.5L15 7.5V2ZM22 9H16.5L13.5 12L16.5 15H22V9ZM7.5 9H2V15H7.5L10.5 12L7.5 9ZM12 13.5L9 16.5V22H15V16.5L12 13.5Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconHd = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "hd",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM7.5 13H9.5V15H11V9H9.5V11.5H7.5V9H6V15H7.5V13ZM18 14V10C18 9.45 17.55 9 17 9H13V15H17C17.55 15 18 14.55 18 14ZM16.5 13.5H14.5V10.5H16.5V13.5Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconHd = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "hd",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM7.5 13H9.5V15H11V9H9.5V11.5H7.5V9H6V15H7.5V13ZM18 14V10C18 9.45 17.55 9 17 9H13V15H17C17.55 15 18 14.55 18 14ZM16.5 13.5H14.5V10.5H16.5V13.5Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconHearingDisabled = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "hearing_disabled",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M6.74 3.28469C7.86 2.52469 9.22 2.08469 10.71 2.08469C14.64 2.08469 17.71 5.15469 17.71 9.08469C17.71 10.3447 17.33 11.7347 16.64 12.9847C16.62 13.0247 16.59 13.0647 16.56 13.1147L15.08 11.6347C15.48 10.7747 15.71 9.88469 15.71 9.08469C15.71 6.28469 13.51 4.08469 10.71 4.08469C9.79 4.08469 8.95 4.34469 8.21 4.75469L6.74 3.28469ZM17.92 14.4647L19.35 15.8947C20.82 14.0147 21.71 11.6547 21.71 9.08469C21.71 6.04469 20.48 3.29469 18.49 1.30469L17.07 2.72469C18.7 4.34469 19.71 6.59469 19.71 9.08469C19.71 11.1047 19.04 12.9647 17.92 14.4647ZM10.71 6.58469C10.5 6.58469 10.31 6.61469 10.12 6.66469L13.13 9.67469C13.18 9.48469 13.21 9.29469 13.21 9.08469C13.21 7.70469 12.09 6.58469 10.71 6.58469ZM21.9 21.2747L3.52 2.89469L2.1 4.30469L4.23 6.43469C3.9 7.24469 3.71 8.13469 3.71 9.08469H5.71C5.71 8.72469 5.76 8.37469 5.83 8.03469L12.44 14.6447C11.56 15.3247 10.66 16.0547 10.17 17.5447C9.67 19.0447 9.17 19.5547 8.46 19.9247C8.27 20.0247 8 20.0847 7.71 20.0847C6.61 20.0847 5.71 19.1847 5.71 18.0847H3.71C3.71 20.2947 5.5 22.0847 7.71 22.0847C8.28 22.0847 8.84 21.9647 9.35 21.7347C10.71 21.0247 11.48 20.0047 12.08 18.1847C12.4 17.2047 12.98 16.7547 13.79 16.1347C13.82 16.1147 13.84 16.0947 13.87 16.0747L20.49 22.6947L21.9 21.2747Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconHearingDisabled = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "hearing_disabled",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M6.74 3.28469C7.86 2.52469 9.22 2.08469 10.71 2.08469C14.64 2.08469 17.71 5.15469 17.71 9.08469C17.71 10.3447 17.33 11.7347 16.64 12.9847C16.62 13.0247 16.59 13.0647 16.56 13.1147L15.08 11.6347C15.48 10.7747 15.71 9.88469 15.71 9.08469C15.71 6.28469 13.51 4.08469 10.71 4.08469C9.79 4.08469 8.95 4.34469 8.21 4.75469L6.74 3.28469ZM17.92 14.4647L19.35 15.8947C20.82 14.0147 21.71 11.6547 21.71 9.08469C21.71 6.04469 20.48 3.29469 18.49 1.30469L17.07 2.72469C18.7 4.34469 19.71 6.59469 19.71 9.08469C19.71 11.1047 19.04 12.9647 17.92 14.4647ZM10.71 6.58469C10.5 6.58469 10.31 6.61469 10.12 6.66469L13.13 9.67469C13.18 9.48469 13.21 9.29469 13.21 9.08469C13.21 7.70469 12.09 6.58469 10.71 6.58469ZM21.9 21.2747L3.52 2.89469L2.1 4.30469L4.23 6.43469C3.9 7.24469 3.71 8.13469 3.71 9.08469H5.71C5.71 8.72469 5.76 8.37469 5.83 8.03469L12.44 14.6447C11.56 15.3247 10.66 16.0547 10.17 17.5447C9.67 19.0447 9.17 19.5547 8.46 19.9247C8.27 20.0247 8 20.0847 7.71 20.0847C6.61 20.0847 5.71 19.1847 5.71 18.0847H3.71C3.71 20.2947 5.5 22.0847 7.71 22.0847C8.28 22.0847 8.84 21.9647 9.35 21.7347C10.71 21.0247 11.48 20.0047 12.08 18.1847C12.4 17.2047 12.98 16.7547 13.79 16.1347C13.82 16.1147 13.84 16.0947 13.87 16.0747L20.49 22.6947L21.9 21.2747Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconHearing = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "hearing",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M17 20.3904C16.71 20.3904 16.44 20.3304 16.24 20.2404C15.53 19.8704 15.03 19.3604 14.53 17.8604C14.02 16.3004 13.06 15.5704 12.14 14.8604C11.35 14.2504 10.53 13.6204 9.82 12.3304C9.29 11.3704 9 10.3204 9 9.39035C9 6.59035 11.2 4.39035 14 4.39035C16.8 4.39035 19 6.59035 19 9.39035H21C21 5.46035 17.93 2.39035 14 2.39035C10.07 2.39035 7 5.46035 7 9.39035C7 10.6504 7.38 12.0404 8.07 13.2904C8.98 14.9404 10.05 15.7704 10.92 16.4404C11.73 17.0604 12.31 17.5104 12.63 18.4904C13.23 20.3104 14 21.3304 15.36 22.0404C15.87 22.2704 16.43 22.3904 17 22.3904C19.21 22.3904 21 20.6004 21 18.3904H19C19 19.4904 18.1 20.3904 17 20.3904ZM7.64 3.03035L6.22 1.61035C4.23 3.60035 3 6.35035 3 9.39035C3 12.4304 4.23 15.1804 6.22 17.1704L7.63 15.7604C6.01 14.1304 5 11.8804 5 9.39035C5 6.90035 6.01 4.65035 7.64 3.03035ZM11.5 9.39035C11.5 10.7704 12.62 11.8904 14 11.8904C15.38 11.8904 16.5 10.7704 16.5 9.39035C16.5 8.01035 15.38 6.89035 14 6.89035C12.62 6.89035 11.5 8.01035 11.5 9.39035Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconHearing = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "hearing",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M17 20.3904C16.71 20.3904 16.44 20.3304 16.24 20.2404C15.53 19.8704 15.03 19.3604 14.53 17.8604C14.02 16.3004 13.06 15.5704 12.14 14.8604C11.35 14.2504 10.53 13.6204 9.82 12.3304C9.29 11.3704 9 10.3204 9 9.39035C9 6.59035 11.2 4.39035 14 4.39035C16.8 4.39035 19 6.59035 19 9.39035H21C21 5.46035 17.93 2.39035 14 2.39035C10.07 2.39035 7 5.46035 7 9.39035C7 10.6504 7.38 12.0404 8.07 13.2904C8.98 14.9404 10.05 15.7704 10.92 16.4404C11.73 17.0604 12.31 17.5104 12.63 18.4904C13.23 20.3104 14 21.3304 15.36 22.0404C15.87 22.2704 16.43 22.3904 17 22.3904C19.21 22.3904 21 20.6004 21 18.3904H19C19 19.4904 18.1 20.3904 17 20.3904ZM7.64 3.03035L6.22 1.61035C4.23 3.60035 3 6.35035 3 9.39035C3 12.4304 4.23 15.1804 6.22 17.1704L7.63 15.7604C6.01 14.1304 5 11.8804 5 9.39035C5 6.90035 6.01 4.65035 7.64 3.03035ZM11.5 9.39035C11.5 10.7704 12.62 11.8904 14 11.8904C15.38 11.8904 16.5 10.7704 16.5 9.39035C16.5 8.01035 15.38 6.89035 14 6.89035C12.62 6.89035 11.5 8.01035 11.5 9.39035Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconHighQuality = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "high_quality",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M19 4H5C3.89 4 3 4.9 3 6V18C3 19.1 3.89 20 5 20H19C20.1 20 21 19.1 21 18V6C21 4.9 20.1 4 19 4ZM19 18H5V6H19V18ZM7.5 13H9.5V15H11V9H9.5V11.5H7.5V9H6V15H7.5V13ZM14 15H14.75V16.5H16.25V15H17C17.55 15 18 14.55 18 14V10C18 9.45 17.55 9 17 9H14C13.45 9 13 9.45 13 10V14C13 14.55 13.45 15 14 15ZM14.5 10.5H16.5V13.5H14.5V10.5Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconHighQuality = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "high_quality",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M19 4H5C3.89 4 3 4.9 3 6V18C3 19.1 3.89 20 5 20H19C20.1 20 21 19.1 21 18V6C21 4.9 20.1 4 19 4ZM19 18H5V6H19V18ZM7.5 13H9.5V15H11V9H9.5V11.5H7.5V9H6V15H7.5V13ZM14 15H14.75V16.5H16.25V15H17C17.55 15 18 14.55 18 14V10C18 9.45 17.55 9 17 9H14C13.45 9 13 9.45 13 10V14C13 14.55 13.45 15 14 15ZM14.5 10.5H16.5V13.5H14.5V10.5Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,15 +14,6 @@ var IconInterpreterMode = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "Av",
|
|
18
|
-
fill: "currentColor"
|
|
19
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "interpreter_mode",
|
|
21
|
-
fill: "currentColor"
|
|
22
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "Vector",
|
|
24
|
-
fill: "currentColor"
|
|
25
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
26
17
|
d: "M20 16.5C19.17 16.5 18.5 15.83 18.5 15V12.5C18.5 11.67 19.17 11 20 11C20.83 11 21.5 11.67 21.5 12.5V15C21.5 15.83 20.83 16.5 20 16.5ZM19.5 20H20.5V18.46C22.19 18.22 23.5 16.76 23.5 15H22.5C22.5 16.38 21.38 17.5 20 17.5C18.62 17.5 17.5 16.38 17.5 15H16.5C16.5 16.76 17.81 18.22 19.5 18.46V20ZM8.5 12C6.29 12 4.5 10.21 4.5 8C4.5 5.79 6.29 4 8.5 4C8.97 4 9.42 4.08 9.84 4.23C9 5.26 8.5 6.57 8.5 8C8.5 9.43 9 10.74 9.84 11.77C9.42 11.92 8.97 12 8.5 12ZM6.61 13.13C5.29 14.05 4.5 15.57 4.5 17.22V20H0.5V17.22C0.5 16.1 1.11 15.07 2.11 14.56C3.35 13.92 4.87 13.37 6.61 13.13ZM10.5 8C10.5 5.79 12.29 4 14.5 4C16.71 4 18.5 5.79 18.5 8C18.5 10.21 16.71 12 14.5 12C12.29 12 10.5 10.21 10.5 8ZM12.5 8C12.5 9.1 13.4 10 14.5 10C15.6 10 16.5 9.1 16.5 8C16.5 6.9 15.6 6 14.5 6C13.4 6 12.5 6.9 12.5 8ZM14.5 15C12.13 15 10.21 15.73 9.02 16.34C8.7 16.5 8.5 16.84 8.5 17.22V18H15.67C16.17 18.86 16.92 19.56 17.82 20H6.5V17.22C6.5 16.1 7.11 15.07 8.11 14.56C9.79 13.7 11.97 13 14.5 13C14.89 13 15.27 13.02 15.64 13.05C15.31 13.64 15.09 14.31 15.02 15.01C14.85 15 14.68 15 14.5 15Z",
|
|
27
18
|
fill: "currentColor"
|
|
28
19
|
}));
|
|
@@ -10,15 +10,6 @@ var IconInterpreterMode = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "Av",
|
|
14
|
-
fill: "currentColor"
|
|
15
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
-
d: "interpreter_mode",
|
|
17
|
-
fill: "currentColor"
|
|
18
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "Vector",
|
|
20
|
-
fill: "currentColor"
|
|
21
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
22
13
|
d: "M20 16.5C19.17 16.5 18.5 15.83 18.5 15V12.5C18.5 11.67 19.17 11 20 11C20.83 11 21.5 11.67 21.5 12.5V15C21.5 15.83 20.83 16.5 20 16.5ZM19.5 20H20.5V18.46C22.19 18.22 23.5 16.76 23.5 15H22.5C22.5 16.38 21.38 17.5 20 17.5C18.62 17.5 17.5 16.38 17.5 15H16.5C16.5 16.76 17.81 18.22 19.5 18.46V20ZM8.5 12C6.29 12 4.5 10.21 4.5 8C4.5 5.79 6.29 4 8.5 4C8.97 4 9.42 4.08 9.84 4.23C9 5.26 8.5 6.57 8.5 8C8.5 9.43 9 10.74 9.84 11.77C9.42 11.92 8.97 12 8.5 12ZM6.61 13.13C5.29 14.05 4.5 15.57 4.5 17.22V20H0.5V17.22C0.5 16.1 1.11 15.07 2.11 14.56C3.35 13.92 4.87 13.37 6.61 13.13ZM10.5 8C10.5 5.79 12.29 4 14.5 4C16.71 4 18.5 5.79 18.5 8C18.5 10.21 16.71 12 14.5 12C12.29 12 10.5 10.21 10.5 8ZM12.5 8C12.5 9.1 13.4 10 14.5 10C15.6 10 16.5 9.1 16.5 8C16.5 6.9 15.6 6 14.5 6C13.4 6 12.5 6.9 12.5 8ZM14.5 15C12.13 15 10.21 15.73 9.02 16.34C8.7 16.5 8.5 16.84 8.5 17.22V18H15.67C16.17 18.86 16.92 19.56 17.82 20H6.5V17.22C6.5 16.1 7.11 15.07 8.11 14.56C9.79 13.7 11.97 13 14.5 13C14.89 13 15.27 13.02 15.64 13.05C15.31 13.64 15.09 14.31 15.02 15.01C14.85 15 14.68 15 14.5 15Z",
|
|
23
14
|
fill: "currentColor"
|
|
24
15
|
}));
|
|
@@ -14,7 +14,7 @@ var Icon30fpsSelect = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "
|
|
17
|
+
d: "M4 3V5H9V7H5V9H9V11H4V13H9C10.1 13 11 12.1 11 11V9.5C11 8.67 10.83 8 10 8C10.83 8 11 7.33 11 6.5V5C11 3.9 10.1 3 9 3H4ZM18 3C19.1 3 20 3.9 20 5V11C20 12.1 19.1 13 18 13H15C13.9 13 13 12.1 13 11V5C13 3.9 13.9 3 15 3H18ZM18 5H15V11H18V5ZM5 21H3V16H5V21ZM9 21H7V16H9V21ZM13 21H11V16H13V21ZM21 21H15V16H21V21Z",
|
|
18
18
|
fill: "currentColor"
|
|
19
19
|
}));
|
|
20
20
|
});
|
|
@@ -10,7 +10,7 @@ var Icon30fpsSelect = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "
|
|
13
|
+
d: "M4 3V5H9V7H5V9H9V11H4V13H9C10.1 13 11 12.1 11 11V9.5C11 8.67 10.83 8 10 8C10.83 8 11 7.33 11 6.5V5C11 3.9 10.1 3 9 3H4ZM18 3C19.1 3 20 3.9 20 5V11C20 12.1 19.1 13 18 13H15C13.9 13 13 12.1 13 11V5C13 3.9 13.9 3 15 3H18ZM18 5H15V11H18V5ZM5 21H3V16H5V21ZM9 21H7V16H9V21ZM13 21H11V16H13V21ZM21 21H15V16H21V21Z",
|
|
14
14
|
fill: "currentColor"
|
|
15
15
|
}));
|
|
16
16
|
});
|
|
@@ -14,7 +14,7 @@ var Icon60fpsSelect = hoc.withIcon(function (_ref) {
|
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
16
|
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
-
d: "
|
|
17
|
+
d: "M18 5V11H15V5H18ZM18 3H15C13.9 3 13 3.9 13 5V11C13 12.1 13.9 13 15 13H18C19.1 13 20 12.1 20 11V5C20 3.9 19.1 3 18 3ZM11 5V3H6C4.9 3 4 3.9 4 5V11C4 12.1 4.9 13 6 13H9C10.1 13 11 12.1 11 11V9C11 7.9 10.1 7 9 7H6V5H11ZM9 9V11H6V9H9ZM5 21H3V16H5V21ZM9 21H7V16H9V21ZM13 21H11V16H13V21ZM21 21H15V16H21V21Z",
|
|
18
18
|
fill: "currentColor"
|
|
19
19
|
}));
|
|
20
20
|
});
|
|
@@ -10,7 +10,7 @@ var Icon60fpsSelect = withIcon(function (_ref) {
|
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
12
|
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
-
d: "
|
|
13
|
+
d: "M18 5V11H15V5H18ZM18 3H15C13.9 3 13 3.9 13 5V11C13 12.1 13.9 13 15 13H18C19.1 13 20 12.1 20 11V5C20 3.9 19.1 3 18 3ZM11 5V3H6C4.9 3 4 3.9 4 5V11C4 12.1 4.9 13 6 13H9C10.1 13 11 12.1 11 11V9C11 7.9 10.1 7 9 7H6V5H11ZM9 9V11H6V9H9ZM5 21H3V16H5V21ZM9 21H7V16H9V21ZM13 21H11V16H13V21ZM21 21H15V16H21V21Z",
|
|
14
14
|
fill: "currentColor"
|
|
15
15
|
}));
|
|
16
16
|
});
|
|
@@ -13,7 +13,19 @@ var IconAddHomeWork = hoc.withIcon(function (_ref) {
|
|
|
13
13
|
height: size,
|
|
14
14
|
viewBox: "0 0 24 24",
|
|
15
15
|
fill: "none"
|
|
16
|
-
}
|
|
16
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M11 13H5V18H3V11.03L8 7.46L13 11.03V12.11C13.57 11.52 14.25 11.04 15 10.69V10L8 5L1 10V20H7V15H9V20H11.68C11.25 19.09 11 18.08 11 17V13Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
d: "M19 6H17V8H19V6Z",
|
|
21
|
+
fill: "currentColor"
|
|
22
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
d: "M23 12.11V2H10V3.97L12 5.4V4H21V10.68C21.75 11.04 22.43 11.52 23 12.11Z",
|
|
24
|
+
fill: "currentColor"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
d: "M23 17C23 14.24 20.76 12 18 12C15.24 12 13 14.24 13 17C13 19.76 15.24 22 18 22C20.76 22 23 19.76 23 17ZM17.5 20V17.5H15V16.5H17.5V14H18.5V16.5H21V17.5H18.5V20H17.5Z",
|
|
27
|
+
fill: "currentColor"
|
|
28
|
+
}));
|
|
17
29
|
});
|
|
18
30
|
|
|
19
31
|
exports.default = IconAddHomeWork;
|
|
@@ -9,7 +9,19 @@ var IconAddHomeWork = withIcon(function (_ref) {
|
|
|
9
9
|
height: size,
|
|
10
10
|
viewBox: "0 0 24 24",
|
|
11
11
|
fill: "none"
|
|
12
|
-
}
|
|
12
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
d: "M11 13H5V18H3V11.03L8 7.46L13 11.03V12.11C13.57 11.52 14.25 11.04 15 10.69V10L8 5L1 10V20H7V15H9V20H11.68C11.25 19.09 11 18.08 11 17V13Z",
|
|
14
|
+
fill: "currentColor"
|
|
15
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
+
d: "M19 6H17V8H19V6Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
19
|
+
d: "M23 12.11V2H10V3.97L12 5.4V4H21V10.68C21.75 11.04 22.43 11.52 23 12.11Z",
|
|
20
|
+
fill: "currentColor"
|
|
21
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
22
|
+
d: "M23 17C23 14.24 20.76 12 18 12C15.24 12 13 14.24 13 17C13 19.76 15.24 22 18 22C20.76 22 23 19.76 23 17ZM17.5 20V17.5H15V16.5H17.5V14H18.5V16.5H21V17.5H18.5V20H17.5Z",
|
|
23
|
+
fill: "currentColor"
|
|
24
|
+
}));
|
|
13
25
|
});
|
|
14
26
|
|
|
15
27
|
export { IconAddHomeWork as default };
|
|
@@ -185,7 +185,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
185
185
|
});
|
|
186
186
|
});
|
|
187
187
|
// dark, light mode switch
|
|
188
|
-
var toggle = relax.useEvent(function (event) {
|
|
188
|
+
var toggle = relax.useEvent(function (event, options) {
|
|
189
189
|
var isDarking = mode === "light";
|
|
190
190
|
var nextMode = isDarking ? "dark" : "light";
|
|
191
191
|
// dom not support animation
|
|
@@ -199,7 +199,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
199
199
|
(_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(nextMode);
|
|
200
200
|
});
|
|
201
201
|
animation.ready.then(function () {
|
|
202
|
-
var _event$clientX, _event$clientY;
|
|
202
|
+
var _event$clientX, _event$clientY, _options$duration;
|
|
203
203
|
var x = (_event$clientX = event === null || event === void 0 ? void 0 : event.clientX) !== null && _event$clientX !== void 0 ? _event$clientX : 0;
|
|
204
204
|
var y = (_event$clientY = event === null || event === void 0 ? void 0 : event.clientY) !== null && _event$clientY !== void 0 ? _event$clientY : 0;
|
|
205
205
|
var radius = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));
|
|
@@ -207,7 +207,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
207
207
|
document.documentElement.animate({
|
|
208
208
|
clipPath: isDarking ? clipPath : clipPath.toReversed()
|
|
209
209
|
}, {
|
|
210
|
-
duration: 300,
|
|
210
|
+
duration: (_options$duration = options === null || options === void 0 ? void 0 : options.duration) !== null && _options$duration !== void 0 ? _options$duration : 300,
|
|
211
211
|
easing: "ease-in",
|
|
212
212
|
fill: "forwards",
|
|
213
213
|
pseudoElement: isDarking ? "::view-transition-new(root)" : "::view-transition-old(root)"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEvent } from "react";
|
|
2
|
-
import type { Palette, ContextValue, Theme, Mode } from "../../types/theme";
|
|
2
|
+
import type { Palette, ContextValue, Theme, Mode, ToggleOptions } from "../../types/theme";
|
|
3
3
|
export declare const PALETTE: Readonly<Palette>;
|
|
4
4
|
/**
|
|
5
5
|
* @description
|
|
@@ -26,6 +26,6 @@ export declare const useSwitchable: ({ theme, defaultMode, }: {
|
|
|
26
26
|
defaultMode?: Mode;
|
|
27
27
|
}) => {
|
|
28
28
|
mode: Mode;
|
|
29
|
-
toggle: (event?: MouseEvent) => Mode;
|
|
29
|
+
toggle: (event?: MouseEvent, options?: ToggleOptions) => Mode;
|
|
30
30
|
colors: Record<import("../../utils/color-role").ColorRole, string>;
|
|
31
31
|
};
|
|
@@ -183,7 +183,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
183
183
|
});
|
|
184
184
|
});
|
|
185
185
|
// dark, light mode switch
|
|
186
|
-
var toggle = useEvent(function (event) {
|
|
186
|
+
var toggle = useEvent(function (event, options) {
|
|
187
187
|
var isDarking = mode === "light";
|
|
188
188
|
var nextMode = isDarking ? "dark" : "light";
|
|
189
189
|
// dom not support animation
|
|
@@ -197,7 +197,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
197
197
|
(_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.next(nextMode);
|
|
198
198
|
});
|
|
199
199
|
animation.ready.then(function () {
|
|
200
|
-
var _event$clientX, _event$clientY;
|
|
200
|
+
var _event$clientX, _event$clientY, _options$duration;
|
|
201
201
|
var x = (_event$clientX = event === null || event === void 0 ? void 0 : event.clientX) !== null && _event$clientX !== void 0 ? _event$clientX : 0;
|
|
202
202
|
var y = (_event$clientY = event === null || event === void 0 ? void 0 : event.clientY) !== null && _event$clientY !== void 0 ? _event$clientY : 0;
|
|
203
203
|
var radius = Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y));
|
|
@@ -205,7 +205,7 @@ var useSwitchable = function useSwitchable(_ref) {
|
|
|
205
205
|
document.documentElement.animate({
|
|
206
206
|
clipPath: isDarking ? clipPath : clipPath.toReversed()
|
|
207
207
|
}, {
|
|
208
|
-
duration: 300,
|
|
208
|
+
duration: (_options$duration = options === null || options === void 0 ? void 0 : options.duration) !== null && _options$duration !== void 0 ? _options$duration : 300,
|
|
209
209
|
easing: "ease-in",
|
|
210
210
|
fill: "forwards",
|
|
211
211
|
pseudoElement: isDarking ? "::view-transition-new(root)" : "::view-transition-old(root)"
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -44,6 +44,17 @@ declare enum ColorProperty {
|
|
|
44
44
|
* palette
|
|
45
45
|
*/
|
|
46
46
|
export type Palette = Record<Exclude<ColorProperty, ColorProperty.Success | ColorProperty.Warning>, Record<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 99 | 100, string>> & Record<ColorProperty.Success | ColorProperty.Warning, Record<0 | 100, string>>;
|
|
47
|
+
/**
|
|
48
|
+
* @zh 主题切换选项
|
|
49
|
+
* @en theme toggle options
|
|
50
|
+
*/
|
|
51
|
+
export interface ToggleOptions {
|
|
52
|
+
/**
|
|
53
|
+
* @zh 动画持续时间(毫秒),默认 300
|
|
54
|
+
* @en animation duration in milliseconds, defaults to 300
|
|
55
|
+
*/
|
|
56
|
+
duration?: number;
|
|
57
|
+
}
|
|
47
58
|
/**
|
|
48
59
|
* @author murukal
|
|
49
60
|
*
|
|
@@ -67,6 +78,6 @@ export interface ContextValue {
|
|
|
67
78
|
* @zh 切换主题模式,返回更新后的模式
|
|
68
79
|
* @en toggle theme mode, returns the updated mode
|
|
69
80
|
*/
|
|
70
|
-
toggle: (event?: MouseEvent) => Mode;
|
|
81
|
+
toggle: (event?: MouseEvent, options?: ToggleOptions) => Mode;
|
|
71
82
|
}
|
|
72
83
|
export {};
|