@apple-pie/slice 0.1.28 → 0.1.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/dist/cjs/chunks/{Avatar-Dg8ZHnw6.js → Avatar-vIquH-Uk.js} +1 -1
- package/dist/cjs/chunks/{AvatarGroup-F8eSiMwn.js → AvatarGroup-DYN73N5x.js} +1 -1
- package/dist/cjs/chunks/{Button-Dic9Rfkr.js → Button-B1qbfQgN.js} +1 -1
- package/dist/cjs/chunks/{ButtonBar-C7tJ6pDM.js → ButtonBar-zpC3sClM.js} +1 -1
- package/dist/cjs/chunks/{Camera-DfnOBHeI.js → Camera-CCzynmXT.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-Cxzt7DJo.js → CheckBox-DNctUlTA.js} +1 -1
- package/dist/cjs/chunks/{Chip-DKbhpeho.js → Chip-BN4qBz6w.js} +1 -1
- package/dist/cjs/chunks/{DivInput-DWPwVUs_.js → DivInput-932r3bvF.js} +1 -1
- package/dist/cjs/chunks/{DrggablePanel-DuOxkekq.js → DrggablePanel-u8C-Y4dA.js} +4 -4
- package/dist/cjs/chunks/{DropDown-BcRH7Fle.js → DropDown-BZbrZOkx.js} +11 -10
- package/dist/cjs/chunks/{FileIcon-DgRlhqzv.js → FileIcon-Dxn9OL10.js} +1 -1
- package/dist/cjs/chunks/{FileList-S0Hf82-C.js → FileList-D5_igVaC.js} +1 -1
- package/dist/cjs/chunks/{FlexDiv-BPnptnPL.js → FlexDiv-D4aSJC_G.js} +1 -1
- package/dist/cjs/chunks/{Grouper-CgkPu4sa.js → Grouper-D6rSl9nK.js} +1 -1
- package/dist/cjs/chunks/{Icon-UFrKtcYJ.js → Icon-BFiN8Wzm.js} +84 -2
- package/dist/cjs/chunks/{IconButton-CaQ0SioJ.js → IconButton-Cv-po19M.js} +2 -2
- package/dist/cjs/chunks/{Label-Bxp2pCXf.js → Label-BQ6flU4-.js} +1 -1
- package/dist/cjs/chunks/{MdStreamBuffer-DObxjnAm.js → MdStreamBuffer-CvLO7CVi.js} +37 -3
- package/dist/cjs/chunks/{Pager-DO197OyC.js → Pager-GH2y7l5h.js} +1 -1
- package/dist/cjs/chunks/{ProgressIndicator-n9CfW6jd.js → ProgressIndicator-7pLk4Dvn.js} +1 -1
- package/dist/cjs/chunks/{PromptInput-CI0iSYKL.js → PromptInput-C8-V67sS.js} +1 -1
- package/dist/cjs/chunks/{RadioButton-JBNaNihZ.js → RadioButton-3CzhKBn6.js} +1 -1
- package/dist/cjs/chunks/{RadioButtonList-CW2pDNIq.js → RadioButtonList-DvJV6Qdg.js} +1 -1
- package/dist/cjs/chunks/{Slider-BAcaZUs2.js → Slider-D8OYGFsN.js} +25 -28
- package/dist/cjs/chunks/{TabBar-Bpngr90Q.js → TabBar-VzxuAesC.js} +10 -7
- package/dist/cjs/chunks/{TextArea-BZgwajEC.js → TextArea-CBNHvcK3.js} +1 -1
- package/dist/cjs/chunks/{TextField-x1MWESCA.js → TextField-BpoLF6pZ.js} +2 -2
- package/dist/cjs/chunks/{Tip-BZQhRyng.js → Tip-CUKFhP9K.js} +1 -1
- package/dist/cjs/chunks/{Toast-cda-RInJ.js → Toast-CKqGjsEk.js} +7 -6
- package/dist/cjs/chunks/{ToggleButton-CuX1nQk4.js → ToggleButton-BdCsChJM.js} +1 -1
- package/dist/cjs/chunks/{UploadArea-CiiKnWe7.js → UploadArea-M9oc-No2.js} +1 -1
- package/dist/cjs/chunks/{_types-Cqkxw-yc.js → _types-Bdqd2vHh.js} +6 -2
- package/dist/cjs/chunks/{microphoneStore-CgFohRfy.js → microphoneStore-D1fV_8QQ.js} +21 -4
- package/dist/cjs/chunks/{misc-BTF7BCZW.js → misc-CTl4GDxI.js} +2 -2
- package/dist/cjs/chunks/volumeStore-oYwlRVN0.js +95 -0
- package/dist/cjs/components/Avatar/index.js +2 -2
- package/dist/cjs/components/AvatarGroup/index.js +2 -2
- package/dist/cjs/components/Button/index.js +4 -4
- package/dist/cjs/components/ButtonBar/index.js +2 -2
- package/dist/cjs/components/Camera/index.js +4 -4
- package/dist/cjs/components/CheckBox/index.js +2 -2
- package/dist/cjs/components/Chip/index.js +2 -2
- package/dist/cjs/components/DivInput/index.js +2 -2
- package/dist/cjs/components/DraggablePanel/index.js +2 -2
- package/dist/cjs/components/DropDown/index.js +2 -2
- package/dist/cjs/components/FileIcon/index.js +2 -2
- package/dist/cjs/components/FileList/index.js +3 -3
- package/dist/cjs/components/FlexDiv/index.js +1 -1
- package/dist/cjs/components/Grouper/index.js +2 -2
- package/dist/cjs/components/Icon/index.js +2 -2
- package/dist/cjs/components/IconButton/index.js +3 -3
- package/dist/cjs/components/Label/index.js +2 -2
- package/dist/cjs/components/Pager/index.js +2 -2
- package/dist/cjs/components/Progress/index.js +2 -2
- package/dist/cjs/components/PromptInput/index.js +5 -5
- package/dist/cjs/components/RadioButton/index.js +2 -2
- package/dist/cjs/components/RadioButtonList/index.js +3 -3
- package/dist/cjs/components/Slider/index.js +2 -2
- package/dist/cjs/components/TabBar/index.js +3 -3
- package/dist/cjs/components/TextArea/index.js +5 -5
- package/dist/cjs/components/Textfield/index.js +4 -4
- package/dist/cjs/components/Tip/index.js +2 -2
- package/dist/cjs/components/Toast/index.js +2 -2
- package/dist/cjs/components/ToggleButton/index.js +5 -5
- package/dist/cjs/components/UploadArea/index.js +10 -10
- package/dist/cjs/hooks/useMdStreamBuffer.js +1 -1
- package/dist/cjs/hooks/useMicrophone.js +59 -15
- package/dist/cjs/hooks/useTrackRenders.js +1 -1
- package/dist/cjs/hooks.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/providers/ThemeProvider.js +2 -2
- package/dist/cjs/stores/microphone.js +5 -3
- package/dist/cjs/stores/volume.js +10 -0
- package/dist/cjs/stores.js +15 -8
- package/dist/cjs/theme/colors.js +6 -0
- package/dist/cjs/utils/index.js +1 -1
- package/dist/cjs/utils/objects/index.js +1 -1
- package/dist/esm/chunks/{Avatar-m5-zleDk.mjs → Avatar-Ds6MWC2c.mjs} +1 -1
- package/dist/esm/chunks/{AvatarGroup-DlgP4lTS.mjs → AvatarGroup-CBGi99eo.mjs} +1 -1
- package/dist/esm/chunks/{Button-BIbAGVV8.mjs → Button-CYFpitCp.mjs} +2 -2
- package/dist/esm/chunks/{ButtonBar-B-1YFX9u.mjs → ButtonBar-ieMA0SHi.mjs} +2 -2
- package/dist/esm/chunks/{Camera-BQBo2g52.mjs → Camera-jn9CcaD0.mjs} +3 -3
- package/dist/esm/chunks/{CheckBox-DDwE1wkX.mjs → CheckBox-CoOmnGWD.mjs} +2 -2
- package/dist/esm/chunks/{Chip-BuHc883v.mjs → Chip-ClG6cUX0.mjs} +2 -2
- package/dist/esm/chunks/{DivInput-WJltaCra.mjs → DivInput-BVhcU0y0.mjs} +1 -1
- package/dist/esm/chunks/{DrggablePanel-Dc6lqqfO.mjs → DrggablePanel-G5HHlntD.mjs} +4 -4
- package/dist/esm/chunks/{DropDown-CdkEVTRk.mjs → DropDown-AuQW_DWv.mjs} +12 -11
- package/dist/esm/chunks/{FileIcon-Cufsp1gn.mjs → FileIcon-fJV_Cl6v.mjs} +1 -1
- package/dist/esm/chunks/{FileList-DN4Ubroe.mjs → FileList-CxHaEEUi.mjs} +4 -4
- package/dist/esm/chunks/{FlexDiv-BWZ7f8mA.mjs → FlexDiv-DnY1_qk4.mjs} +1 -1
- package/dist/esm/chunks/{Grouper-C4A3qYot.mjs → Grouper-CyWZ8tfm.mjs} +1 -1
- package/dist/esm/chunks/{Icon-DRzjkybv.mjs → Icon-BOJAk-hM.mjs} +85 -3
- package/dist/esm/chunks/{IconButton-b1v9Me0P.mjs → IconButton-Ck0IMn4i.mjs} +2 -2
- package/dist/esm/chunks/{Label-CvCDAg1y.mjs → Label-DSfCcKtQ.mjs} +1 -1
- package/dist/esm/chunks/{MdStreamBuffer-DNXE4XbN.mjs → MdStreamBuffer-By7pHJQL.mjs} +37 -3
- package/dist/esm/chunks/{Pager-BoDLaKFh.mjs → Pager-ByJ2Cr0n.mjs} +1 -1
- package/dist/esm/chunks/{ProgressIndicator-D5e7406q.mjs → ProgressIndicator-d2JGUDW_.mjs} +1 -1
- package/dist/esm/chunks/{PromptInput-Dmx4sQZ3.mjs → PromptInput-COJnOFZf.mjs} +3 -3
- package/dist/esm/chunks/{RadioButton-D2T-SsVw.mjs → RadioButton-BB73OY2a.mjs} +2 -2
- package/dist/esm/chunks/{RadioButtonList-BSPuAYoh.mjs → RadioButtonList-XqlqadYn.mjs} +2 -2
- package/dist/esm/chunks/{Slider-Cav86rU6.mjs → Slider-CU0Zdlpu.mjs} +25 -28
- package/dist/esm/chunks/{TabBar-DBoZ8aoV.mjs → TabBar-v8Dp4dr-.mjs} +11 -8
- package/dist/esm/chunks/{TextArea-CSUDfcYd.mjs → TextArea-DGF43RON.mjs} +1 -1
- package/dist/esm/chunks/{TextField-Z1O858hB.mjs → TextField-j4q0RUzH.mjs} +4 -4
- package/dist/esm/chunks/{Tip-B8YrmJEt.mjs → Tip-Bj9d-230.mjs} +1 -1
- package/dist/esm/chunks/{Toast-QQ6GMr5F.mjs → Toast-CoioLlEG.mjs} +7 -6
- package/dist/esm/chunks/{ToggleButton-B5oobnXJ.mjs → ToggleButton-CwTm8Yx0.mjs} +2 -2
- package/dist/esm/chunks/{UploadArea-CJAQmqOS.mjs → UploadArea-DAwoJxtr.mjs} +5 -5
- package/dist/esm/chunks/{_types-fSW-DudT.mjs → _types-BVrr_Khp.mjs} +6 -2
- package/dist/esm/chunks/{microphoneStore-t16oxjGB.mjs → microphoneStore-Dr3lxoWX.mjs} +19 -5
- package/dist/esm/chunks/{misc-BeEWwOaJ.mjs → misc-Bjbro8Xe.mjs} +2 -2
- package/dist/esm/chunks/volumeStore-GZnCDBMU.mjs +90 -0
- package/dist/esm/components/Avatar/index.mjs +2 -2
- package/dist/esm/components/AvatarGroup/index.mjs +3 -3
- package/dist/esm/components/Button/index.mjs +4 -4
- package/dist/esm/components/ButtonBar/index.mjs +3 -3
- package/dist/esm/components/Camera/index.mjs +4 -4
- package/dist/esm/components/CheckBox/index.mjs +3 -3
- package/dist/esm/components/Chip/index.mjs +3 -3
- package/dist/esm/components/DivInput/index.mjs +2 -2
- package/dist/esm/components/DraggablePanel/index.mjs +2 -2
- package/dist/esm/components/DropDown/index.mjs +3 -3
- package/dist/esm/components/FileIcon/index.mjs +2 -2
- package/dist/esm/components/FileList/index.mjs +5 -5
- package/dist/esm/components/FlexDiv/index.mjs +1 -1
- package/dist/esm/components/Grouper/index.mjs +3 -3
- package/dist/esm/components/Icon/index.mjs +3 -3
- package/dist/esm/components/IconButton/index.mjs +3 -3
- package/dist/esm/components/Label/index.mjs +2 -2
- package/dist/esm/components/Pager/index.mjs +2 -2
- package/dist/esm/components/Progress/index.mjs +3 -3
- package/dist/esm/components/PromptInput/index.mjs +7 -7
- package/dist/esm/components/RadioButton/index.mjs +3 -3
- package/dist/esm/components/RadioButtonList/index.mjs +4 -4
- package/dist/esm/components/Slider/index.mjs +2 -2
- package/dist/esm/components/TabBar/index.mjs +4 -4
- package/dist/esm/components/TextArea/index.mjs +5 -5
- package/dist/esm/components/Textfield/index.mjs +6 -6
- package/dist/esm/components/Tip/index.mjs +2 -2
- package/dist/esm/components/Toast/index.mjs +3 -3
- package/dist/esm/components/ToggleButton/index.mjs +5 -5
- package/dist/esm/components/UploadArea/index.mjs +8 -8
- package/dist/esm/hooks/useMdStreamBuffer.mjs +1 -1
- package/dist/esm/hooks/useMicrophone.mjs +59 -15
- package/dist/esm/hooks/useTrackRenders.mjs +1 -1
- package/dist/esm/hooks.mjs +1 -1
- package/dist/esm/index.mjs +33 -33
- package/dist/esm/providers/ThemeProvider.mjs +2 -2
- package/dist/esm/stores/microphone.mjs +1 -1
- package/dist/esm/stores/volume.mjs +5 -0
- package/dist/esm/stores.mjs +3 -1
- package/dist/esm/theme/colors.mjs +6 -0
- package/dist/esm/utils/index.mjs +2 -2
- package/dist/esm/utils/objects/index.mjs +1 -1
- package/dist/types/components/DropDown/_types.d.ts +1 -0
- package/dist/types/components/Icon/_types.d.ts +4 -0
- package/dist/types/components/Slider/_types.d.ts +5 -0
- package/dist/types/components/TabBar/_types.d.ts +2 -0
- package/dist/types/components/Toast/_types.d.ts +1 -0
- package/dist/types/hooks/useMicrophone/useMicrophone.d.ts +4 -0
- package/dist/types/stores/index.d.ts +1 -0
- package/dist/types/stores/microphone/_types.d.ts +4 -0
- package/dist/types/stores/microphone/index.d.ts +1 -1
- package/dist/types/stores/microphone/microphoneStore.d.ts +3 -0
- package/dist/types/stores/volume/_types.d.ts +19 -0
- package/dist/types/stores/volume/index.d.ts +3 -0
- package/dist/types/stores/volume/volumeStore.d.ts +32 -0
- package/dist/types/theme/colors/types.d.ts +3 -0
- package/dist/types/utils/functions/misc.d.ts +1 -1
- package/dist/types/utils/objects/MDStreamBuffer/MdStreamBuffer.d.ts +3 -0
- package/dist/types/utils/objects/MDStreamBuffer/_types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var Tip = require("../../chunks/Tip-
|
|
3
|
+
var Tip = require("../../chunks/Tip-CUKFhP9K.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"),
|
|
6
|
-
require("react"), require("../../chunks/misc-
|
|
6
|
+
require("react"), require("../../chunks/misc-CTl4GDxI.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
7
7
|
exports.Tip = Tip.Tip;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var Toast = require("../../chunks/Toast-
|
|
3
|
+
var Toast = require("../../chunks/Toast-CKqGjsEk.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"),
|
|
6
6
|
require("react"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"),
|
|
7
7
|
require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../theme/themes.js"),
|
|
8
8
|
require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"),
|
|
9
9
|
require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"),
|
|
10
|
-
require("../../chunks/misc-
|
|
10
|
+
require("../../chunks/misc-CTl4GDxI.js"), require("../../hooks/useWindow.js"), require("../../chunks/Icon-BFiN8Wzm.js"),
|
|
11
11
|
exports.Toast = Toast.Toast, Object.defineProperty(exports, "ToastType", {
|
|
12
12
|
enumerable: !0,
|
|
13
13
|
get: function() {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var ToggleButton = require("../../chunks/ToggleButton-
|
|
3
|
+
var ToggleButton = require("../../chunks/ToggleButton-BdCsChJM.js");
|
|
4
4
|
|
|
5
|
-
require("react/jsx-runtime"), require("react"), require("../../chunks/IconButton-
|
|
5
|
+
require("react/jsx-runtime"), require("react"), require("../../chunks/IconButton-Cv-po19M.js"),
|
|
6
6
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("motion/react"), require("../../chunks/Badge-DjPJ_iJX.js"),
|
|
7
7
|
require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-fKIwhjYA.js"),
|
|
8
|
-
require("../../chunks/Icon-
|
|
8
|
+
require("../../chunks/Icon-BFiN8Wzm.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"),
|
|
9
9
|
require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"),
|
|
10
10
|
require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"),
|
|
11
|
-
require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-
|
|
11
|
+
require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-CTl4GDxI.js"),
|
|
12
12
|
require("../../hooks/useWindow.js"), require("../../chunks/sharedTypes-gCECyn2N.js"),
|
|
13
|
-
require("../../chunks/Label-
|
|
13
|
+
require("../../chunks/Label-BQ6flU4-.js"), exports.ToggleButton = ToggleButton.ToggleButton;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var UploadArea = require("../../chunks/UploadArea-
|
|
3
|
+
var UploadArea = require("../../chunks/UploadArea-M9oc-No2.js");
|
|
4
4
|
|
|
5
|
-
require("react/jsx-runtime"), require("react"), require("../../chunks/misc-
|
|
6
|
-
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/
|
|
7
|
-
require("../../
|
|
8
|
-
require("../../
|
|
9
|
-
require("../../theme/
|
|
10
|
-
require("../../theme/
|
|
11
|
-
require("../../hooks/
|
|
12
|
-
require("
|
|
13
|
-
exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes,
|
|
5
|
+
require("react/jsx-runtime"), require("react"), require("../../chunks/misc-CTl4GDxI.js"),
|
|
6
|
+
require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-D5_igVaC.js"),
|
|
7
|
+
require("../../chunks/FileIcon-Dxn9OL10.js"), require("../../hooks/useTheme.js"),
|
|
8
|
+
require("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"),
|
|
9
|
+
require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"),
|
|
10
|
+
require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"),
|
|
11
|
+
require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"),
|
|
12
|
+
require("../../chunks/Icon-BFiN8Wzm.js"), require("../../chunks/ProgressIndicator-7pLk4Dvn.js"),
|
|
13
|
+
require("motion/react"), exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes,
|
|
14
14
|
exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes,
|
|
15
15
|
exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes,
|
|
16
16
|
exports.videoTypes = UploadArea.videoTypes;
|
|
@@ -5,7 +5,7 @@ var React = require("react");
|
|
|
5
5
|
|
|
6
6
|
require("../chunks/tslib.es6-C8dZW5nY.js");
|
|
7
7
|
|
|
8
|
-
var MdStreamBuffer = require("../chunks/MdStreamBuffer-
|
|
8
|
+
var MdStreamBuffer = require("../chunks/MdStreamBuffer-CvLO7CVi.js");
|
|
9
9
|
|
|
10
10
|
exports.useMDStreamBuffer = function(options) {
|
|
11
11
|
const bufferRef = React.useRef(null), [healthy, setHealthy] = React.useState(""), [raw, setRaw] = React.useState(""), [isComplete, setIsComplete] = React.useState(!1);
|
|
@@ -4,7 +4,24 @@
|
|
|
4
4
|
var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
|
|
5
5
|
|
|
6
6
|
exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
|
|
7
|
-
const micStream = React.useRef(null), micTrack = React.useRef(null), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [micOptions, setMicOptions] = React.useState([]), [isActive, setIsActive] = React.useState(!1), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null),
|
|
7
|
+
const micStream = React.useRef(null), processedMicStream = React.useRef(null), micTrack = React.useRef(null), audioContextRef = React.useRef(null), sourceNodeRef = React.useRef(null), gainNodeRef = React.useRef(null), destinationNodeRef = React.useRef(null), inputVolumeRef = React.useRef(1), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [micOptions, setMicOptions] = React.useState([]), [currentDeviceId, setCurrentDeviceId] = React.useState(null), [isActive, setIsActive] = React.useState(!1), [inputVolume, setInputVolumeState] = React.useState(1), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), normalizeInputVolume = React.useCallback(volume => Number.isFinite(volume) ? Math.min(1, Math.max(0, volume)) : 1, []), resetAudioProcessing = React.useCallback(() => {
|
|
8
|
+
var _a, _b, _c, _d;
|
|
9
|
+
null === (_a = sourceNodeRef.current) || void 0 === _a || _a.disconnect(), null === (_b = gainNodeRef.current) || void 0 === _b || _b.disconnect(),
|
|
10
|
+
null === (_c = destinationNodeRef.current) || void 0 === _c || _c.disconnect(),
|
|
11
|
+
null === (_d = audioContextRef.current) || void 0 === _d || _d.close().catch(() => null),
|
|
12
|
+
sourceNodeRef.current = null, gainNodeRef.current = null, destinationNodeRef.current = null,
|
|
13
|
+
audioContextRef.current = null, processedMicStream.current = null;
|
|
14
|
+
}, []), setupAudioProcessing = React.useCallback(stream => {
|
|
15
|
+
var _a;
|
|
16
|
+
resetAudioProcessing();
|
|
17
|
+
const AudioContextCtor = null !== (_a = globalThis.AudioContext) && void 0 !== _a ? _a : globalThis.webkitAudioContext;
|
|
18
|
+
if (!AudioContextCtor) return processedMicStream.current = stream, stream;
|
|
19
|
+
const context = new AudioContextCtor, source = context.createMediaStreamSource(stream), gain = context.createGain(), destination = context.createMediaStreamDestination();
|
|
20
|
+
return gain.gain.value = normalizeInputVolume(inputVolumeRef.current), source.connect(gain),
|
|
21
|
+
gain.connect(destination), audioContextRef.current = context, sourceNodeRef.current = source,
|
|
22
|
+
gainNodeRef.current = gain, destinationNodeRef.current = destination, processedMicStream.current = destination.stream,
|
|
23
|
+
destination.stream;
|
|
24
|
+
}, [ normalizeInputVolume, resetAudioProcessing ]), waitForPaint = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
|
|
8
25
|
yield new Promise(resolve => {
|
|
9
26
|
requestAnimationFrame(() => resolve());
|
|
10
27
|
});
|
|
@@ -19,10 +36,12 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
19
36
|
}));
|
|
20
37
|
}), []), stopMicStream = React.useCallback(() => {
|
|
21
38
|
var _a;
|
|
39
|
+
resetAudioProcessing();
|
|
22
40
|
const tracks = null === (_a = micStream.current) || void 0 === _a ? void 0 : _a.getTracks();
|
|
23
41
|
for (const track of null != tracks ? tracks : []) track.stop();
|
|
24
|
-
micStream.current = null, micTrack.current = null,
|
|
25
|
-
|
|
42
|
+
micStream.current = null, micTrack.current = null, processedMicStream.current = null,
|
|
43
|
+
setCurrentDeviceId(null), setIsActive(!1);
|
|
44
|
+
}, [ resetAudioProcessing ]), hasMediaSupport = React.useMemo(() => {
|
|
26
45
|
var _a;
|
|
27
46
|
return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
|
|
28
47
|
}, []), getMicTrack = React.useCallback(() => {
|
|
@@ -32,7 +51,11 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
32
51
|
return audioTrack;
|
|
33
52
|
}, []), hasActiveStream = React.useCallback(() => !(!micStream.current || !micTrack.current) && "live" === micTrack.current.readyState, []), muteMic = React.useCallback(() => (getMicTrack().enabled = !1,
|
|
34
53
|
mutedRef.current = !0, setMuted(!0), !0), [ getMicTrack ]), unmuteMic = React.useCallback(() => (getMicTrack().enabled = !0,
|
|
35
|
-
mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]),
|
|
54
|
+
mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), setInputVolume = React.useCallback(volume => {
|
|
55
|
+
const nextVolume = normalizeInputVolume(volume);
|
|
56
|
+
return inputVolumeRef.current = nextVolume, setInputVolumeState(nextVolume), gainNodeRef.current && (gainNodeRef.current.gain.value = nextVolume),
|
|
57
|
+
nextVolume;
|
|
58
|
+
}, [ normalizeInputVolume ]), constraints = React.useCallback((deviceId, usePreferredDevice = !0) => {
|
|
36
59
|
var _a;
|
|
37
60
|
const id = usePreferredDevice ? null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0 : deviceId;
|
|
38
61
|
return {
|
|
@@ -43,15 +66,16 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
43
66
|
}
|
|
44
67
|
};
|
|
45
68
|
}, [ microphoneDeviceId ]), requestStream = React.useCallback((deviceId_1, ...args_1) => tslib_es6.__awaiter(this, [ deviceId_1, ...args_1 ], void 0, function*(deviceId, usePreferredDevice = !0) {
|
|
69
|
+
var _a;
|
|
46
70
|
return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId, usePreferredDevice)),
|
|
47
|
-
micTrack.current = getMicTrack(), micTrack.current.
|
|
48
|
-
mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)),
|
|
49
|
-
micStream.current;
|
|
50
|
-
}), [ constraints, getMicTrack, waitForTrackToBecomeActive ]), requestMicrophone = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
|
|
71
|
+
setupAudioProcessing(micStream.current), micTrack.current = getMicTrack(), setCurrentDeviceId(null !== (_a = micTrack.current.getSettings().deviceId) && void 0 !== _a ? _a : null),
|
|
72
|
+
micTrack.current.enabled = !mutedRef.current, mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)),
|
|
73
|
+
setIsActive(Boolean("live" === micTrack.current.readyState)), micStream.current;
|
|
74
|
+
}), [ constraints, getMicTrack, setupAudioProcessing, waitForTrackToBecomeActive ]), requestMicrophone = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
|
|
51
75
|
if (hasActiveStream()) return setIsActive(!0), setError(null), micStream.current;
|
|
52
76
|
if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
|
|
53
|
-
const nextError = new Error("Microphone access
|
|
54
|
-
return setError(nextError), setIsActive(!1), mountedRef.current && setIsRequesting(!1),
|
|
77
|
+
const nextError = new Error("Microphone access isn't supported");
|
|
78
|
+
return setError(nextError), setCurrentDeviceId(null), setIsActive(!1), mountedRef.current && setIsRequesting(!1),
|
|
55
79
|
null;
|
|
56
80
|
}
|
|
57
81
|
setError(null), stopMicStream();
|
|
@@ -59,23 +83,39 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
59
83
|
return yield requestStream();
|
|
60
84
|
} catch (error) {
|
|
61
85
|
if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) {
|
|
62
|
-
|
|
63
|
-
throw
|
|
86
|
+
let nextError = new Error("Failed to access microphone");
|
|
87
|
+
throw error instanceof Error && (error.message.toLowerCase().includes("denied permission") || "NotAllowedError" === error.name) && (nextError = new Error("Permission to access the microphone was denied")),
|
|
88
|
+
setError(nextError), setCurrentDeviceId(null), setIsActive(!1), nextError;
|
|
64
89
|
}
|
|
65
90
|
return yield requestStream(void 0, !1);
|
|
66
91
|
} finally {
|
|
67
92
|
setIsRequesting(!1);
|
|
68
93
|
}
|
|
69
94
|
}), [ hasActiveStream, hasMediaSupport, requestStream, stopMicStream, waitForPaint ]), refreshMicrophones = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
|
|
95
|
+
var _a;
|
|
70
96
|
if (!hasMediaSupport) return [];
|
|
71
97
|
try {
|
|
72
|
-
const devices = yield navigator.mediaDevices.enumerateDevices(),
|
|
98
|
+
const devices = yield navigator.mediaDevices.enumerateDevices(), currentDeviceId = null === (_a = micTrack.current) || void 0 === _a ? void 0 : _a.getSettings().deviceId, mics = function(devices, activeDeviceId) {
|
|
99
|
+
const microphones = [ ...devices ], defaultIndex = microphones.findIndex(device => "default" === device.deviceId);
|
|
100
|
+
if (defaultIndex > 0) {
|
|
101
|
+
const [defaultDevice] = microphones.splice(defaultIndex, 1);
|
|
102
|
+
return microphones.unshift(defaultDevice), microphones;
|
|
103
|
+
}
|
|
104
|
+
if (0 === defaultIndex) return microphones;
|
|
105
|
+
if (!activeDeviceId) return microphones;
|
|
106
|
+
const activeIndex = microphones.findIndex(device => device.deviceId === activeDeviceId);
|
|
107
|
+
if (activeIndex > 0) {
|
|
108
|
+
const [activeDevice] = microphones.splice(activeIndex, 1);
|
|
109
|
+
microphones.unshift(activeDevice);
|
|
110
|
+
}
|
|
111
|
+
return microphones;
|
|
112
|
+
}(devices.filter(device => "audioinput" === device.kind), currentDeviceId), options = mics.map(mic => ({
|
|
73
113
|
value: {
|
|
74
114
|
id: mic.deviceId
|
|
75
115
|
},
|
|
76
116
|
label: mic.label
|
|
77
117
|
}));
|
|
78
|
-
return setMicrophones(mics), setMicOptions(options),
|
|
118
|
+
return setMicrophones(mics), setMicOptions(options), mics;
|
|
79
119
|
} catch (error) {
|
|
80
120
|
return console.warn("Error getting microphone devices:", error), setMicrophones([]),
|
|
81
121
|
setMicOptions([]), [];
|
|
@@ -87,7 +127,7 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
87
127
|
try {
|
|
88
128
|
setError(null), stopMicStream(), yield requestStream(id, !1);
|
|
89
129
|
} catch (err) {
|
|
90
|
-
setIsActive(!1), setError(err instanceof Error ? err : new Error("Error switching microphone")),
|
|
130
|
+
setCurrentDeviceId(null), setIsActive(!1), setError(err instanceof Error ? err : new Error("Error switching microphone")),
|
|
91
131
|
console.warn("Error switching microphone:", err);
|
|
92
132
|
} finally {
|
|
93
133
|
setIsRequesting(!1);
|
|
@@ -130,8 +170,11 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
130
170
|
}, [ hasMediaSupport, microphoneDeviceId, refreshMicrophones, requestMicrophone ]),
|
|
131
171
|
{
|
|
132
172
|
micStream: micStream,
|
|
173
|
+
processedMicStream: processedMicStream,
|
|
133
174
|
micTrack: micTrack,
|
|
175
|
+
currentDeviceId: currentDeviceId,
|
|
134
176
|
isActive: isActive,
|
|
177
|
+
inputVolume: inputVolume,
|
|
135
178
|
muted: muted,
|
|
136
179
|
isSupported: hasMediaSupport,
|
|
137
180
|
isRequesting: isRequesting,
|
|
@@ -143,6 +186,7 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoReques
|
|
|
143
186
|
muteMic: muteMic,
|
|
144
187
|
unmuteMic: unmuteMic,
|
|
145
188
|
toggleMute: toggleMute,
|
|
189
|
+
setInputVolume: setInputVolume,
|
|
146
190
|
refreshMicrophones: refreshMicrophones,
|
|
147
191
|
setMicrophone: setMicrophone
|
|
148
192
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var React = require("react"), misc = require("../chunks/misc-
|
|
4
|
+
var React = require("react"), misc = require("../chunks/misc-CTl4GDxI.js");
|
|
5
5
|
|
|
6
6
|
require("../chunks/tslib.es6-C8dZW5nY.js"), exports.useTrackRenders =
|
|
7
7
|
/**
|
package/dist/cjs/hooks.js
CHANGED
|
@@ -5,7 +5,7 @@ var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = req
|
|
|
5
5
|
require("react"), require("./providers/ThemeProvider.js"), require("react/jsx-runtime"),
|
|
6
6
|
require("./chunks/style-inject.es-CMuL-BfJ.js"), require("./theme/themes.js"), require("./theme/colors.js"),
|
|
7
7
|
require("./theme/corners.js"), require("./theme/elevations.js"), require("./theme/motion.js"),
|
|
8
|
-
require("./theme/type.js"), require("./chunks/tslib.es6-C8dZW5nY.js"), require("./chunks/MdStreamBuffer-
|
|
8
|
+
require("./theme/type.js"), require("./chunks/tslib.es6-C8dZW5nY.js"), require("./chunks/MdStreamBuffer-CvLO7CVi.js"),
|
|
9
9
|
exports.useTheme = hooks_useTheme.useTheme, exports.useObserveTheme = hooks_useObserveTheme.useObserveTheme,
|
|
10
10
|
exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick, exports.useToolTip = hooks_useToolTip.useToolTip,
|
|
11
11
|
exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts,
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), AudioBubble = require("./chunks/AudioBubble-DisHuKIC.js"), Avatar = require("./chunks/Avatar-
|
|
3
|
+
var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), AudioBubble = require("./chunks/AudioBubble-DisHuKIC.js"), Avatar = require("./chunks/Avatar-vIquH-Uk.js"), AvatarGroup = require("./chunks/AvatarGroup-DYN73N5x.js"), Badge = require("./chunks/Badge-DjPJ_iJX.js"), IconButton = require("./chunks/IconButton-Cv-po19M.js"), Camera = require("./chunks/Camera-CCzynmXT.js"), CheckBox = require("./chunks/CheckBox-DNctUlTA.js"), DivInput = require("./chunks/DivInput-932r3bvF.js"), Dot = require("./chunks/Dot-fKIwhjYA.js"), DrggablePanel = require("./chunks/DrggablePanel-u8C-Y4dA.js"), DropDown = require("./chunks/DropDown-BZbrZOkx.js"), ErrorSummary = require("./chunks/ErrorSummary-K_rPxGWK.js"), Grouper = require("./chunks/Grouper-D6rSl9nK.js"), Overlay = require("./chunks/Overlay-DDOvMM6L.js"), FlexDiv = require("./chunks/FlexDiv-D4aSJC_G.js"), Pager = require("./chunks/Pager-GH2y7l5h.js"), PromptInput = require("./chunks/PromptInput-C8-V67sS.js"), ProgressIndicator = require("./chunks/ProgressIndicator-7pLk4Dvn.js"), RadioButton = require("./chunks/RadioButton-3CzhKBn6.js"), RadioButtonList = require("./chunks/RadioButtonList-DvJV6Qdg.js"), Slider = require("./chunks/Slider-D8OYGFsN.js"), Spacer = require("./chunks/Spacer-CyZAUR5N.js"), Switch = require("./chunks/Switch-Crm-nHYI.js"), ToggleButton = require("./chunks/ToggleButton-BdCsChJM.js"), TabBar = require("./chunks/TabBar-VzxuAesC.js"), TextArea = require("./chunks/TextArea-CBNHvcK3.js"), TextField = require("./chunks/TextField-BpoLF6pZ.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-CUKFhP9K.js"), Toast = require("./chunks/Toast-CKqGjsEk.js"), Button = require("./chunks/Button-B1qbfQgN.js"), Chip = require("./chunks/Chip-BN4qBz6w.js"), FileIcon = require("./chunks/FileIcon-Dxn9OL10.js"), Icon = require("./chunks/Icon-BFiN8Wzm.js"), _types = require("./chunks/_types-Bdqd2vHh.js"), ButtonBar = require("./chunks/ButtonBar-zpC3sClM.js"), Label = require("./chunks/Label-BQ6flU4-.js"), UploadArea = require("./chunks/UploadArea-M9oc-No2.js");
|
|
4
4
|
|
|
5
5
|
require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"),
|
|
6
|
-
require("./chunks/MdStreamBuffer-
|
|
6
|
+
require("./chunks/MdStreamBuffer-CvLO7CVi.js"), require("react/jsx-runtime"), require("./chunks/colors-njquvHkx.js"),
|
|
7
7
|
require("./chunks/audioVisualizer-EIfIjWH7.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"),
|
|
8
|
-
require("./chunks/misc-
|
|
8
|
+
require("./chunks/misc-CTl4GDxI.js"), require("motion/react"), require("./chunks/FileList-D5_igVaC.js"),
|
|
9
9
|
require("./chunks/debounce-BF4i6uIC.js"), Object.defineProperty(exports, "ToolTipType", {
|
|
10
10
|
enumerable: !0,
|
|
11
11
|
get: function() {
|
|
@@ -6,11 +6,11 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), styleIn
|
|
|
6
6
|
require("../theme/colors.js"), require("../theme/corners.js"), require("../theme/elevations.js"),
|
|
7
7
|
require("../theme/motion.js"), require("../theme/type.js");
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject('/* Core brand colors (un-themed) */\n[data-slice-theme-scope] {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="lightMode"] {\n\t--core-surface-primary: #ffffff;\n}\n\n/* Light theme tokens */\n:root[data-slice-theme="lightMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="darkMode"] {\n\t--core-surface-primary: #1f262d;\n}\n\n/* Dark theme tokens */\n:root[data-slice-theme="darkMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-900);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n[data-slice-theme-scope] .array-land {\n\tbackground: var(--array-land);\n}\n[data-slice-theme-scope] .array-land-label {\n\tcolor: var(--array-land-label);\n}\n[data-slice-theme-scope] .array-magenta {\n\tbackground: var(--array-magenta);\n}\n[data-slice-theme-scope] .array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n[data-slice-theme-scope] .array-orange {\n\tbackground: var(--array-orange);\n}\n[data-slice-theme-scope] .array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n[data-slice-theme-scope] .array-purple {\n\tbackground: var(--array-purple);\n}\n[data-slice-theme-scope] .array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n[data-slice-theme-scope] .array-sea {\n\tbackground: var(--array-sea);\n}\n[data-slice-theme-scope] .array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n[data-slice-theme-scope] .array-sky {\n\tbackground: var(--array-sky);\n}\n[data-slice-theme-scope] .array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n[data-slice-theme-scope] .array-yellow {\n\tbackground: var(--array-yellow);\n}\n[data-slice-theme-scope] .array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n[data-slice-theme-scope] .core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n[data-slice-theme-scope] .core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n[data-slice-theme-scope] .core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n[data-slice-theme-scope] .core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n[data-slice-theme-scope] .core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n[data-slice-theme-scope] .core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n[data-slice-theme-scope] .core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n[data-slice-theme-scope] .core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n[data-slice-theme-scope] .core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n[data-slice-theme-scope] .core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n[data-slice-theme-scope] .core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n[data-slice-theme-scope] .core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n[data-slice-theme-scope] .core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n[data-slice-theme-scope] .core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n[data-slice-theme-scope] .core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n[data-slice-theme-scope] .core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n[data-slice-theme-scope] .core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n[data-slice-theme-scope] .core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n[data-slice-theme-scope] .core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n[data-slice-theme-scope] .core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n[data-slice-theme-scope] .core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n[data-slice-theme-scope] .core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n[data-slice-theme-scope] .core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n[data-slice-theme-scope] .core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n[data-slice-theme-scope] .core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n[data-slice-theme-scope] .core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n[data-slice-theme-scope] .core-text-error {\n\tcolor: var(--core-text-error);\n}\n[data-slice-theme-scope] .core-text-light {\n\tcolor: var(--core-text-light);\n}\n[data-slice-theme-scope] .core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n[data-slice-theme-scope] .core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n[data-slice-theme-scope] .core-text-special {\n\tcolor: var(--core-text-special);\n}\n[data-slice-theme-scope] .core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n[data-slice-theme-scope] .eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n[data-slice-theme-scope] .eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n[data-slice-theme-scope] .eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n[data-slice-theme-scope] .eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n[data-slice-theme-scope] .eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n[data-slice-theme-scope] .feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n[data-slice-theme-scope] .feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n[data-slice-theme-scope] .feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n[data-slice-theme-scope] .feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n[data-slice-theme-scope] .feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n[data-slice-theme-scope] .gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n[data-slice-theme-scope] .gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n[data-slice-theme-scope] .gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n[data-slice-theme-scope] .gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n[data-slice-theme-scope] .gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n[data-slice-theme-scope] .scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n[data-slice-theme-scope] .scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n[data-slice-theme-scope] .surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n[data-slice-theme-scope] .surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\n[data-slice-theme-scope] {\n\tbackground: var(--core-surface-primary);\n}\n\n[data-slice-theme-scope] a {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:hover {\n\ttext-decoration: none;\n}\n\n[data-slice-theme-scope] code {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
|
|
9
|
+
styleInject_es.styleInject('/* Core brand colors (un-themed) */\n[data-slice-theme-scope] {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-primary-tint-light: #fcfcfc;\n\t--surface-primary-tint-dark: #191e24;\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="lightMode"] {\n\t--core-surface-primary: #ffffff;\n}\n\n/* Light theme tokens */\n:root[data-slice-theme="lightMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-primary-tint: var(--surface-primary-tint-light);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="darkMode"] {\n\t--core-surface-primary: #1f262d;\n}\n\n/* Dark theme tokens */\n:root[data-slice-theme="darkMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-900);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-primary-tint: var(--surface-primary-tint-dark);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n[data-slice-theme-scope] .array-land {\n\tbackground: var(--array-land);\n}\n[data-slice-theme-scope] .array-land-label {\n\tcolor: var(--array-land-label);\n}\n[data-slice-theme-scope] .array-magenta {\n\tbackground: var(--array-magenta);\n}\n[data-slice-theme-scope] .array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n[data-slice-theme-scope] .array-orange {\n\tbackground: var(--array-orange);\n}\n[data-slice-theme-scope] .array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n[data-slice-theme-scope] .array-purple {\n\tbackground: var(--array-purple);\n}\n[data-slice-theme-scope] .array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n[data-slice-theme-scope] .array-sea {\n\tbackground: var(--array-sea);\n}\n[data-slice-theme-scope] .array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n[data-slice-theme-scope] .array-sky {\n\tbackground: var(--array-sky);\n}\n[data-slice-theme-scope] .array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n[data-slice-theme-scope] .array-yellow {\n\tbackground: var(--array-yellow);\n}\n[data-slice-theme-scope] .array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n[data-slice-theme-scope] .core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n[data-slice-theme-scope] .core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n[data-slice-theme-scope] .core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n[data-slice-theme-scope] .core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n[data-slice-theme-scope] .core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n[data-slice-theme-scope] .core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n[data-slice-theme-scope] .core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n[data-slice-theme-scope] .core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n[data-slice-theme-scope] .core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n[data-slice-theme-scope] .core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n[data-slice-theme-scope] .core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n[data-slice-theme-scope] .core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n[data-slice-theme-scope] .core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n[data-slice-theme-scope] .core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n[data-slice-theme-scope] .core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n[data-slice-theme-scope] .core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n[data-slice-theme-scope] .core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n[data-slice-theme-scope] .core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n[data-slice-theme-scope] .core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n[data-slice-theme-scope] .core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n[data-slice-theme-scope] .core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n[data-slice-theme-scope] .core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n[data-slice-theme-scope] .core-surface-primary-tint {\n\tbackground: var(--core-surface-primary-tint);\n}\n[data-slice-theme-scope] .core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n[data-slice-theme-scope] .core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n[data-slice-theme-scope] .core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n[data-slice-theme-scope] .core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n[data-slice-theme-scope] .core-text-error {\n\tcolor: var(--core-text-error);\n}\n[data-slice-theme-scope] .core-text-light {\n\tcolor: var(--core-text-light);\n}\n[data-slice-theme-scope] .core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n[data-slice-theme-scope] .core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n[data-slice-theme-scope] .core-text-special {\n\tcolor: var(--core-text-special);\n}\n[data-slice-theme-scope] .core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n[data-slice-theme-scope] .eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n[data-slice-theme-scope] .eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n[data-slice-theme-scope] .eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n[data-slice-theme-scope] .eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n[data-slice-theme-scope] .eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n[data-slice-theme-scope] .feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n[data-slice-theme-scope] .feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n[data-slice-theme-scope] .feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n[data-slice-theme-scope] .feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n[data-slice-theme-scope] .feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n[data-slice-theme-scope] .gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n[data-slice-theme-scope] .gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n[data-slice-theme-scope] .gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n[data-slice-theme-scope] .gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n[data-slice-theme-scope] .gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n[data-slice-theme-scope] .scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n[data-slice-theme-scope] .scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n[data-slice-theme-scope] .surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n[data-slice-theme-scope] .surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\n[data-slice-theme-scope] {\n\tbackground: var(--core-surface-primary);\n}\n\n[data-slice-theme-scope] a {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:hover {\n\ttext-decoration: none;\n}\n\n[data-slice-theme-scope] code {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
|
|
10
10
|
|
|
11
11
|
styleInject_es.styleInject("[data-slice-theme-scope] {\n\t--elevation-below-surface: -100;\n\t--elevation-surface: 0;\n\t--elevation-float: 100;\n\t--elevation-describe: 200;\n\t--elevation-status: 300;\n\t--elevation-notify: 400;\n\t--elevation-overlay: 500;\n\t--elevation-confirm: 600;\n}\n");
|
|
12
12
|
|
|
13
|
-
styleInject_es.styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");\n\n[data-slice-theme-scope] {\n\t--font-family: "Funnel Sans";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n[data-slice-theme-scope] .body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n[data-slice-theme-scope] .body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope]
|
|
13
|
+
styleInject_es.styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");\n\n[data-slice-theme-scope] {\n\t--font-family: "Funnel Sans";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n[data-slice-theme-scope] .body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n[data-slice-theme-scope] .body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h1,\n[data-slice-theme-scope] h2,\n[data-slice-theme-scope] h3,\n[data-slice-theme-scope] h4 {\n\tmargin: 1.5em 0 0.6em 0;\n}\n\n[data-slice-theme-scope] h1 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n\tmargin-top: 0;\n}\n\n[data-slice-theme-scope] h2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h4 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] p {\n\tmargin: 0 0 1.5em 0;\n}\n\n[data-slice-theme-scope] b,\n[data-slice-theme-scope] strong {\n\tfont-weight: var(--font-weight-bold);\n}\n');
|
|
14
14
|
|
|
15
15
|
styleInject_es.styleInject("/* Keep these values in sync with src/hooks/useWindow/useWindow.ts */\n");
|
|
16
16
|
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var microphoneStore = require("../chunks/microphoneStore-
|
|
3
|
+
var microphoneStore = require("../chunks/microphoneStore-D1fV_8QQ.js");
|
|
4
4
|
|
|
5
5
|
require("../chunks/tslib.es6-C8dZW5nY.js"), require("react"), require("zustand"),
|
|
6
6
|
exports.getMicrophoneState = microphoneStore.getMicrophoneState, exports.microphoneActions = microphoneStore.microphoneActions,
|
|
7
|
-
exports.
|
|
7
|
+
exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, exports.useMicActive = microphoneStore.useMicActive,
|
|
8
|
+
exports.useMicError = microphoneStore.useMicError, exports.useMicInputVolume = microphoneStore.useMicInputVolume,
|
|
8
9
|
exports.useMicMuted = microphoneStore.useMicMuted, exports.useMicOptions = microphoneStore.useMicOptions,
|
|
9
10
|
exports.useMicRequesting = microphoneStore.useMicRequesting, exports.useMicStream = microphoneStore.useMicStream,
|
|
10
11
|
exports.useMicSupported = microphoneStore.useMicSupported, exports.useMicTrack = microphoneStore.useMicTrack,
|
|
11
12
|
exports.useMicrophoneStore = microphoneStore.useMicrophoneStore, exports.useMicrophoneStoreActions = microphoneStore.useMicrophoneStoreActions,
|
|
12
|
-
exports.useMicrophones = microphoneStore.useMicrophones, exports.
|
|
13
|
+
exports.useMicrophones = microphoneStore.useMicrophones, exports.useProcessedMicStream = microphoneStore.useProcessedMicStream,
|
|
14
|
+
exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var volumeStore = require("../chunks/volumeStore-oYwlRVN0.js");
|
|
4
|
+
|
|
5
|
+
require("../chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), exports.getAttachedMedia = volumeStore.getAttachedMedia,
|
|
6
|
+
exports.getMuted = volumeStore.getMuted, exports.getStoredVolume = volumeStore.getStoredVolume,
|
|
7
|
+
exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStore.useAttachedMedia,
|
|
8
|
+
exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume,
|
|
9
|
+
exports.useVolume = volumeStore.useVolume, exports.useVolumeActions = volumeStore.useVolumeActions,
|
|
10
|
+
exports.useVolumeStore = volumeStore.useVolumeStore, exports.volumeActions = volumeStore.volumeActions;
|
package/dist/cjs/stores.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), microphoneStore = require("./chunks/microphoneStore-
|
|
3
|
+
var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), volumeStore = require("./chunks/volumeStore-oYwlRVN0.js"), microphoneStore = require("./chunks/microphoneStore-D1fV_8QQ.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), localDBStore = require("./chunks/localDBStore-zyDhaEiP.js"), sseStore = require("./chunks/sseStore-1OeJ9TRP.js");
|
|
4
4
|
|
|
5
5
|
require("./chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("./chunks/uploads-worker-mD8pcsGP.js"),
|
|
6
6
|
require("react"), require("zustand/react/shallow"), require("./chunks/IndexedDB-BaVmQgkK.js"),
|
|
@@ -26,13 +26,20 @@ exports.getUploadsWorkerStatus = uploadsStore.getUploadsWorkerStatus, exports.up
|
|
|
26
26
|
exports.uploadsInitialized = uploadsStore.uploadsInitialized, exports.useUploads = uploadsStore.useUploads,
|
|
27
27
|
exports.useUploadsActions = uploadsStore.useUploadsActions, exports.useUploadsError = uploadsStore.useUploadsError,
|
|
28
28
|
exports.useUploadsInitialized = uploadsStore.useUploadsInitialized, exports.useUploadsStore = uploadsStore.useUploadsStore,
|
|
29
|
-
exports.useUploadsWorkerStatus = uploadsStore.useUploadsWorkerStatus, exports.
|
|
30
|
-
exports.
|
|
31
|
-
exports.
|
|
32
|
-
exports.
|
|
33
|
-
exports.
|
|
34
|
-
exports.
|
|
35
|
-
exports.
|
|
29
|
+
exports.useUploadsWorkerStatus = uploadsStore.useUploadsWorkerStatus, exports.getAttachedMedia = volumeStore.getAttachedMedia,
|
|
30
|
+
exports.getMuted = volumeStore.getMuted, exports.getStoredVolume = volumeStore.getStoredVolume,
|
|
31
|
+
exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStore.useAttachedMedia,
|
|
32
|
+
exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume,
|
|
33
|
+
exports.useVolume = volumeStore.useVolume, exports.useVolumeActions = volumeStore.useVolumeActions,
|
|
34
|
+
exports.useVolumeStore = volumeStore.useVolumeStore, exports.volumeActions = volumeStore.volumeActions,
|
|
35
|
+
exports.getMicrophoneState = microphoneStore.getMicrophoneState, exports.microphoneActions = microphoneStore.microphoneActions,
|
|
36
|
+
exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, exports.useMicActive = microphoneStore.useMicActive,
|
|
37
|
+
exports.useMicError = microphoneStore.useMicError, exports.useMicInputVolume = microphoneStore.useMicInputVolume,
|
|
38
|
+
exports.useMicMuted = microphoneStore.useMicMuted, exports.useMicOptions = microphoneStore.useMicOptions,
|
|
39
|
+
exports.useMicRequesting = microphoneStore.useMicRequesting, exports.useMicStream = microphoneStore.useMicStream,
|
|
40
|
+
exports.useMicSupported = microphoneStore.useMicSupported, exports.useMicTrack = microphoneStore.useMicTrack,
|
|
41
|
+
exports.useMicrophoneStore = microphoneStore.useMicrophoneStore, exports.useMicrophoneStoreActions = microphoneStore.useMicrophoneStoreActions,
|
|
42
|
+
exports.useMicrophones = microphoneStore.useMicrophones, exports.useProcessedMicStream = microphoneStore.useProcessedMicStream,
|
|
36
43
|
exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore, exports.getTip = tipStore.getTip,
|
|
37
44
|
exports.tipActions = tipStore.tipActions, exports.useTip = tipStore.useTip, exports.useTipActions = tipStore.useTipActions,
|
|
38
45
|
exports.useTipStore = tipStore.useTipStore, exports.getToast = toastStore.getToast,
|
package/dist/cjs/theme/colors.js
CHANGED
|
@@ -98,6 +98,8 @@ const coreColors = {
|
|
|
98
98
|
"core-surface-coverup-translucent-dark": "#0000007a",
|
|
99
99
|
"core-surface-overlay-translucent-light": "#ffffffcc",
|
|
100
100
|
"core-surface-overlay-translucent-dark": "#1f262dcc",
|
|
101
|
+
"surface-primary-tint-light": "#fcfcfc",
|
|
102
|
+
"surface-primary-tint-dark": "#191e24",
|
|
101
103
|
"scroll-bar-light": "#e3e8ef",
|
|
102
104
|
"scroll-bar-dark": "rgba(255, 255, 255, 0.1)",
|
|
103
105
|
"scroll-bar-hover-light": "#cdd5df",
|
|
@@ -142,6 +144,7 @@ const coreColors = {
|
|
|
142
144
|
"core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-light"],
|
|
143
145
|
"core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-light"],
|
|
144
146
|
"core-surface-primary": coreColors["brand-white-0"],
|
|
147
|
+
"core-surface-primary-tint": coreColors["surface-primary-tint-light"],
|
|
145
148
|
"core-surface-secondary": coreColors["brand-grey-50"],
|
|
146
149
|
"core-surface-special": coreColors["brand-sea-50"],
|
|
147
150
|
"core-text-dark": coreColors["brand-grey-950"],
|
|
@@ -208,6 +211,7 @@ const coreColors = {
|
|
|
208
211
|
"core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-dark"],
|
|
209
212
|
"core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-dark"],
|
|
210
213
|
"core-surface-primary": coreColors["brand-grey-950"],
|
|
214
|
+
"core-surface-primary-tint": coreColors["surface-primary-tint-dark"],
|
|
211
215
|
"core-surface-secondary": coreColors["brand-grey-900"],
|
|
212
216
|
"core-surface-special": coreColors["brand-sky-950"],
|
|
213
217
|
"core-text-dark": coreColors["brand-grey-950"],
|
|
@@ -276,6 +280,7 @@ exports.colorClass = {
|
|
|
276
280
|
"core-surface-coverup-translucent": "core-surface-coverup-translucent",
|
|
277
281
|
"core-surface-overlay-translucent": "core-surface-overlay-translucent",
|
|
278
282
|
"core-surface-primary": "core-surface-primary",
|
|
283
|
+
"core-surface-primary-tint": "core-surface-primary-tint",
|
|
279
284
|
"core-surface-secondary": "core-surface-secondary",
|
|
280
285
|
"core-surface-special": "core-surface-special",
|
|
281
286
|
"core-text-dark": "core-text-dark",
|
|
@@ -342,6 +347,7 @@ exports.colorClass = {
|
|
|
342
347
|
"core-surface-coverup-translucent": "var(--core-surface-coverup-translucent)",
|
|
343
348
|
"core-surface-overlay-translucent": "var(--core-surface-overlay-translucent)",
|
|
344
349
|
"core-surface-primary": "var(--core-surface-primary)",
|
|
350
|
+
"core-surface-primary-tint": "var(--core-surface-primary-tint)",
|
|
345
351
|
"core-surface-secondary": "var(--core-surface-secondary)",
|
|
346
352
|
"core-surface-special": "var(--core-surface-special)",
|
|
347
353
|
"core-text-dark": "var(--core-text-dark)",
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var misc = require("../chunks/misc-
|
|
3
|
+
var misc = require("../chunks/misc-CTl4GDxI.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-CvLO7CVi.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
|
|
4
4
|
|
|
5
5
|
require("../chunks/tslib.es6-C8dZW5nY.js"), exports.copyToClipboard = misc.copyToClipboard,
|
|
6
6
|
exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.addOpacity = colors.addOpacity,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-
|
|
3
|
+
var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-CvLO7CVi.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
|
|
4
4
|
|
|
5
5
|
require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.IndexedDB = IndexedDB.IndexedDB,
|
|
6
6
|
exports.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer,
|
|
@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
|
|
6
6
|
import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
|
|
7
7
|
|
|
8
|
-
import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-
|
|
8
|
+
import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-Bjbro8Xe.mjs";
|
|
9
9
|
|
|
10
10
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
|
|
6
6
|
import React, { useMemo } from "react";
|
|
7
7
|
|
|
8
|
-
import { A as Avatar } from "./Avatar-
|
|
8
|
+
import { A as Avatar } from "./Avatar-Ds6MWC2c.mjs";
|
|
9
9
|
|
|
10
10
|
import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
|
|
11
11
|
|
|
@@ -11,9 +11,9 @@ import { B as Badge } from "./Badge-CC0zSLMf.mjs";
|
|
|
11
11
|
|
|
12
12
|
import { D as Dot } from "./Dot-DZE134mJ.mjs";
|
|
13
13
|
|
|
14
|
-
import { I as Icon } from "./Icon-
|
|
14
|
+
import { I as Icon } from "./Icon-BOJAk-hM.mjs";
|
|
15
15
|
|
|
16
|
-
import { P as ProgressIndicator } from "./ProgressIndicator-
|
|
16
|
+
import { P as ProgressIndicator } from "./ProgressIndicator-d2JGUDW_.mjs";
|
|
17
17
|
|
|
18
18
|
import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
|
|
19
19
|
|