@team-monolith/cds 1.97.2 → 1.98.0
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/@types/emotion.d.ts +2 -0
- package/dist/CdsProvider.js +4 -0
- package/dist/components/Tooltip.js +2 -2
- package/dist/icons/custom/colored/AiQuizColor.d.ts +5 -0
- package/dist/icons/custom/colored/AiQuizColor.js +11 -0
- package/dist/icons/custom/colored/ai-quiz-color.svg +20 -0
- package/dist/icons/custom/colored/index.d.ts +1 -0
- package/dist/icons/custom/colored/index.js +1 -0
- package/dist/icons/custom/default/AiQuiz.d.ts +6 -0
- package/dist/icons/custom/default/AiQuiz.js +7 -0
- package/dist/icons/custom/default/ai-quiz.svg +8 -0
- package/dist/icons/custom/default/index.d.ts +1 -0
- package/dist/icons/custom/default/index.js +1 -0
- package/package.json +1 -1
package/@types/emotion.d.ts
CHANGED
package/dist/CdsProvider.js
CHANGED
|
@@ -113,6 +113,8 @@ export const light = {
|
|
|
113
113
|
makecodeAlt: "#FFE0F9",
|
|
114
114
|
codap: "#00A5C6",
|
|
115
115
|
codapAlt: "#CEF2FD",
|
|
116
|
+
aiQuiz: "#6773FF",
|
|
117
|
+
aiQuizAlt: "#E3EAFF",
|
|
116
118
|
decorativeRed: "#D73152",
|
|
117
119
|
decorativePink: "#D13D78",
|
|
118
120
|
decorativeAmber: "#CC4827",
|
|
@@ -260,6 +262,8 @@ export const dark = {
|
|
|
260
262
|
makecodeAlt: "#664760",
|
|
261
263
|
codap: "#00A5C6",
|
|
262
264
|
codapAlt: "#006A7F",
|
|
265
|
+
aiQuiz: "#6773FF",
|
|
266
|
+
aiQuizAlt: "#434BA5",
|
|
263
267
|
decorativeRed: "#D73152",
|
|
264
268
|
decorativePink: "#D13D78",
|
|
265
269
|
decorativeAmber: "#CC4827",
|
|
@@ -23,7 +23,7 @@ import { Tooltip as MuiTooltip, } from "@mui/material";
|
|
|
23
23
|
* 3. tabIndex가 의도적으로 음수로 설정되어 있으면
|
|
24
24
|
* 그대로 반환합니다.
|
|
25
25
|
*/
|
|
26
|
-
function
|
|
26
|
+
function addTabIndexIfNeeded(element) {
|
|
27
27
|
var _a;
|
|
28
28
|
// element.props 접근시 ValidElement가 아닌 경우 런타임에러가 발생합니다.
|
|
29
29
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -46,7 +46,7 @@ function getFocusableElement(element) {
|
|
|
46
46
|
*/
|
|
47
47
|
export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
48
48
|
const { title, text, children } = props, restProps = __rest(props, ["title", "text", "children"]);
|
|
49
|
-
const focusableChildren =
|
|
49
|
+
const focusableChildren = addTabIndexIfNeeded(children);
|
|
50
50
|
return (_jsx(StyledTooltip, Object.assign({ ref: ref, title:
|
|
51
51
|
// title이 없고 text가 null인 경우 툴팁을 표시하지 않음
|
|
52
52
|
!title && text === null ? null : (_jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] })), describeChild: true }, restProps, { children: focusableChildren })));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { uid } from "uid";
|
|
3
|
+
import { useMemo, forwardRef } from "react";
|
|
4
|
+
import svgImport from "./ai-quiz-color.svg";
|
|
5
|
+
export const CustomAiQuizColorIcon = forwardRef(function CustomAiQuizColorIcon(props, ref) {
|
|
6
|
+
const uniqueId = useMemo(uid, []);
|
|
7
|
+
return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsxs("g", Object.assign({ clipPath: `url(#clip0_14442_7455_${uniqueId})` }, { children: [_jsx("mask", Object.assign({ id: `mask0_14442_7455_${uniqueId}`, style: {
|
|
8
|
+
maskType: "luminance",
|
|
9
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24 }, { children: _jsx("path", { d: "M0 0H24V24H0V0Z", fill: "white" }) })), _jsxs("g", Object.assign({ mask: `url(#mask0_14442_7455_${uniqueId})` }, { children: [_jsx("path", { d: "M15.2926 11.1578C15.6832 10.7673 15.6832 10.1341 15.2926 9.7436L14.2794 8.73042C13.8889 8.3399 13.2558 8.3399 12.8652 8.73042L2.33342 19.2622C1.9429 19.6528 1.9429 20.286 2.33342 20.6764L3.3466 21.6896C3.73712 22.0802 4.3703 22.0802 4.76082 21.6896L15.2926 11.1578Z", fill: "#6773FF" }), _jsx("path", { d: "M12.0336 2.87348C12.1073 2.21102 12.7962 1.80467 13.4116 2.0607L16.0235 3.14736C16.2151 3.22706 16.4267 3.24518 16.6291 3.19924L19.3882 2.57282C20.0564 2.42112 20.6758 2.97104 20.6042 3.65244L20.3164 6.39282C20.2942 6.60492 20.3402 6.81858 20.448 7.0026L21.8402 9.37992C22.1808 9.96124 21.8606 10.7061 21.2046 10.8591L18.4049 11.5122C18.2062 11.5586 18.0264 11.6646 17.8897 11.8161L15.9637 13.9503C15.5123 14.4504 14.7056 14.3702 14.3616 13.791L12.9546 11.4224C12.8456 11.2391 12.6809 11.0953 12.4845 11.0122L9.94698 9.93832C9.31602 9.67128 9.13438 8.86318 9.59038 8.35184L11.4735 6.24016C11.6116 6.0853 11.6981 5.89134 11.721 5.68512L12.0336 2.87348Z", fill: "#D670FF" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.6 17.2C16.6 16.7582 16.2418 16.4 15.8 16.4C15.3582 16.4 15 16.7582 15 17.2V17.4H14.8C14.3582 17.4 14 17.7582 14 18.2C14 18.6418 14.3582 19 14.8 19H15V19.2C15 19.6418 15.3582 20 15.8 20C16.2418 20 16.6 19.6418 16.6 19.2V19H16.8C17.2418 19 17.6 18.6418 17.6 18.2C17.6 17.7582 17.2418 17.4 16.8 17.4H16.6V17.2Z", fill: "#6773FF" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.6 5.8C7.6 5.35818 7.24182 5 6.8 5C6.35818 5 6 5.35818 6 5.8V6H5.8C5.35818 6 5 6.35818 5 6.8C5 7.24182 5.35818 7.6 5.8 7.6H6V7.8C6 8.24182 6.35818 8.6 6.8 8.6C7.24182 8.6 7.6 8.24182 7.6 7.8V7.6H7.8C8.24182 7.6 8.6 7.24182 8.6 6.8C8.6 6.35818 8.24182 6 7.8 6H7.6V5.8Z", fill: "#6773FF" }), _jsx("path", { d: "M20.8003 14.6C20.8003 15.1523 20.3525 15.6 19.8003 15.6C19.248 15.6 18.8003 15.1523 18.8003 14.6C18.8003 14.0477 19.248 13.6 19.8003 13.6C20.3525 13.6 20.8003 14.0477 20.8003 14.6Z", fill: "#E3EAFF" }), _jsx("path", { d: "M5.80029 11.4C5.80029 11.9523 5.35257 12.4 4.80029 12.4C4.24801 12.4 3.80029 11.9523 3.80029 11.4C3.80029 10.8477 4.24801 10.4 4.80029 10.4C5.35257 10.4 5.80029 10.8477 5.80029 11.4Z", fill: "#E3EAFF" })] }))] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip0_14442_7455_${uniqueId}` }, { children: _jsx("rect", { width: 24, height: 24, fill: "white" }) })) })] })));
|
|
10
|
+
});
|
|
11
|
+
export const CustomAiQuizColorSvg = svgImport;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_14442_7455)">
|
|
3
|
+
<mask id="mask0_14442_7455" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
|
4
|
+
<path d="M0 0H24V24H0V0Z" fill="white"/>
|
|
5
|
+
</mask>
|
|
6
|
+
<g mask="url(#mask0_14442_7455)">
|
|
7
|
+
<path d="M15.2926 11.1578C15.6832 10.7673 15.6832 10.1341 15.2926 9.7436L14.2794 8.73042C13.8889 8.3399 13.2558 8.3399 12.8652 8.73042L2.33342 19.2622C1.9429 19.6528 1.9429 20.286 2.33342 20.6764L3.3466 21.6896C3.73712 22.0802 4.3703 22.0802 4.76082 21.6896L15.2926 11.1578Z" fill="#6773FF"/>
|
|
8
|
+
<path d="M12.0336 2.87348C12.1073 2.21102 12.7962 1.80467 13.4116 2.0607L16.0235 3.14736C16.2151 3.22706 16.4267 3.24518 16.6291 3.19924L19.3882 2.57282C20.0564 2.42112 20.6758 2.97104 20.6042 3.65244L20.3164 6.39282C20.2942 6.60492 20.3402 6.81858 20.448 7.0026L21.8402 9.37992C22.1808 9.96124 21.8606 10.7061 21.2046 10.8591L18.4049 11.5122C18.2062 11.5586 18.0264 11.6646 17.8897 11.8161L15.9637 13.9503C15.5123 14.4504 14.7056 14.3702 14.3616 13.791L12.9546 11.4224C12.8456 11.2391 12.6809 11.0953 12.4845 11.0122L9.94698 9.93832C9.31602 9.67128 9.13438 8.86318 9.59038 8.35184L11.4735 6.24016C11.6116 6.0853 11.6981 5.89134 11.721 5.68512L12.0336 2.87348Z" fill="#D670FF"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6 17.2C16.6 16.7582 16.2418 16.4 15.8 16.4C15.3582 16.4 15 16.7582 15 17.2V17.4H14.8C14.3582 17.4 14 17.7582 14 18.2C14 18.6418 14.3582 19 14.8 19H15V19.2C15 19.6418 15.3582 20 15.8 20C16.2418 20 16.6 19.6418 16.6 19.2V19H16.8C17.2418 19 17.6 18.6418 17.6 18.2C17.6 17.7582 17.2418 17.4 16.8 17.4H16.6V17.2Z" fill="#6773FF"/>
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.6 5.8C7.6 5.35818 7.24182 5 6.8 5C6.35818 5 6 5.35818 6 5.8V6H5.8C5.35818 6 5 6.35818 5 6.8C5 7.24182 5.35818 7.6 5.8 7.6H6V7.8C6 8.24182 6.35818 8.6 6.8 8.6C7.24182 8.6 7.6 8.24182 7.6 7.8V7.6H7.8C8.24182 7.6 8.6 7.24182 8.6 6.8C8.6 6.35818 8.24182 6 7.8 6H7.6V5.8Z" fill="#6773FF"/>
|
|
11
|
+
<path d="M20.8003 14.6C20.8003 15.1523 20.3525 15.6 19.8003 15.6C19.248 15.6 18.8003 15.1523 18.8003 14.6C18.8003 14.0477 19.248 13.6 19.8003 13.6C20.3525 13.6 20.8003 14.0477 20.8003 14.6Z" fill="#E3EAFF"/>
|
|
12
|
+
<path d="M5.80029 11.4C5.80029 11.9523 5.35257 12.4 4.80029 12.4C4.24801 12.4 3.80029 11.9523 3.80029 11.4C3.80029 10.8477 4.24801 10.4 4.80029 10.4C5.35257 10.4 5.80029 10.8477 5.80029 11.4Z" fill="#E3EAFF"/>
|
|
13
|
+
</g>
|
|
14
|
+
</g>
|
|
15
|
+
<defs>
|
|
16
|
+
<clipPath id="clip0_14442_7455">
|
|
17
|
+
<rect width="24" height="24" fill="white"/>
|
|
18
|
+
</clipPath>
|
|
19
|
+
</defs>
|
|
20
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import svgImport from "./ai-quiz.svg";
|
|
4
|
+
export const CustomAiQuizIcon = forwardRef(function CustomAiQuizIcon(props, ref) {
|
|
5
|
+
return (_jsxs("svg", Object.assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: ref }, props, { children: [_jsx("path", { d: "M12.0341 2.87348C12.1078 2.21102 12.7967 1.80467 13.4121 2.0607L16.024 3.14736C16.2156 3.22704 16.4272 3.24518 16.6295 3.19924L19.3887 2.57282C20.0568 2.42112 20.6762 2.97104 20.6046 3.65244L20.3168 6.3928C20.2946 6.6049 20.3406 6.81858 20.4484 7.0026L21.8406 9.3799C22.1812 9.96124 21.861 10.7061 21.205 10.8591L18.4054 11.5122C18.2067 11.5586 18.0269 11.6646 17.8902 11.8161L15.9642 13.9503C15.5128 14.4504 14.7061 14.3702 14.362 13.791L12.955 11.4224C12.8461 11.2391 12.6814 11.0953 12.485 11.0122L9.94746 9.93832C9.3165 9.67128 9.13486 8.86318 9.59086 8.35184L11.474 6.24016C11.612 6.0853 11.6986 5.89132 11.7215 5.68512L12.0341 2.87348Z", fill: "currentColor" }), _jsx("path", { d: "M7.6 5.8C7.6 5.35816 7.24182 5 6.8 5C6.35818 5 6 5.35816 6 5.8V6H5.8C5.35818 6 5 6.35816 5 6.8C5 7.24182 5.35818 7.6 5.8 7.6H6V7.8C6 8.24182 6.35818 8.6 6.8 8.6C7.24182 8.6 7.6 8.24182 7.6 7.8V7.6H7.8C8.24182 7.6 8.6 7.24182 8.6 6.8C8.6 6.35816 8.24182 6 7.8 6H7.6V5.8Z", fill: "currentColor" }), _jsx("path", { d: "M16.6 17.2C16.6 16.7582 16.2418 16.4 15.8 16.4C15.3582 16.4 15 16.7582 15 17.2V17.4H14.8C14.3582 17.4 14 17.7582 14 18.2C14 18.6418 14.3582 19 14.8 19H15V19.2C15 19.6418 15.3582 20 15.8 20C16.2418 20 16.6 19.6418 16.6 19.2V19H16.8C17.2418 19 17.6 18.6418 17.6 18.2C17.6 17.7582 17.2418 17.4 16.8 17.4H16.6V17.2Z", fill: "currentColor" }), _jsx("path", { d: "M19.8003 15.6C20.3525 15.6 20.8003 15.1523 20.8003 14.6C20.8003 14.0477 20.3525 13.6 19.8003 13.6C19.248 13.6 18.8003 14.0477 18.8003 14.6C18.8003 15.1523 19.248 15.6 19.8003 15.6Z", fill: "currentColor" }), _jsx("path", { d: "M5.80029 11.4C5.80029 11.9523 5.35257 12.4 4.80029 12.4C4.24801 12.4 3.80029 11.9523 3.80029 11.4C3.80029 10.8477 4.24801 10.4 4.80029 10.4C5.35257 10.4 5.80029 10.8477 5.80029 11.4Z", fill: "currentColor" }), _jsx("path", { d: "M10.5385 11.0572L2.33342 19.2622C1.9429 19.6528 1.9429 20.286 2.33342 20.6764L3.3466 21.6896C3.73712 22.0802 4.3703 22.0802 4.76082 21.6896L13.1438 13.3067L12.2672 11.831C12.2454 11.7943 12.2124 11.7656 12.1732 11.749L10.5385 11.0572Z", fill: "currentColor" })] })));
|
|
6
|
+
});
|
|
7
|
+
export const CustomAiQuizSvg = svgImport;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12.0341 2.87348C12.1078 2.21102 12.7967 1.80467 13.4121 2.0607L16.024 3.14736C16.2156 3.22704 16.4272 3.24518 16.6295 3.19924L19.3887 2.57282C20.0568 2.42112 20.6762 2.97104 20.6046 3.65244L20.3168 6.3928C20.2946 6.6049 20.3406 6.81858 20.4484 7.0026L21.8406 9.3799C22.1812 9.96124 21.861 10.7061 21.205 10.8591L18.4054 11.5122C18.2067 11.5586 18.0269 11.6646 17.8902 11.8161L15.9642 13.9503C15.5128 14.4504 14.7061 14.3702 14.362 13.791L12.955 11.4224C12.8461 11.2391 12.6814 11.0953 12.485 11.0122L9.94746 9.93832C9.3165 9.67128 9.13486 8.86318 9.59086 8.35184L11.474 6.24016C11.612 6.0853 11.6986 5.89132 11.7215 5.68512L12.0341 2.87348Z" fill="#363636"/>
|
|
3
|
+
<path d="M7.6 5.8C7.6 5.35816 7.24182 5 6.8 5C6.35818 5 6 5.35816 6 5.8V6H5.8C5.35818 6 5 6.35816 5 6.8C5 7.24182 5.35818 7.6 5.8 7.6H6V7.8C6 8.24182 6.35818 8.6 6.8 8.6C7.24182 8.6 7.6 8.24182 7.6 7.8V7.6H7.8C8.24182 7.6 8.6 7.24182 8.6 6.8C8.6 6.35816 8.24182 6 7.8 6H7.6V5.8Z" fill="#363636"/>
|
|
4
|
+
<path d="M16.6 17.2C16.6 16.7582 16.2418 16.4 15.8 16.4C15.3582 16.4 15 16.7582 15 17.2V17.4H14.8C14.3582 17.4 14 17.7582 14 18.2C14 18.6418 14.3582 19 14.8 19H15V19.2C15 19.6418 15.3582 20 15.8 20C16.2418 20 16.6 19.6418 16.6 19.2V19H16.8C17.2418 19 17.6 18.6418 17.6 18.2C17.6 17.7582 17.2418 17.4 16.8 17.4H16.6V17.2Z" fill="#363636"/>
|
|
5
|
+
<path d="M19.8003 15.6C20.3525 15.6 20.8003 15.1523 20.8003 14.6C20.8003 14.0477 20.3525 13.6 19.8003 13.6C19.248 13.6 18.8003 14.0477 18.8003 14.6C18.8003 15.1523 19.248 15.6 19.8003 15.6Z" fill="#363636"/>
|
|
6
|
+
<path d="M5.80029 11.4C5.80029 11.9523 5.35257 12.4 4.80029 12.4C4.24801 12.4 3.80029 11.9523 3.80029 11.4C3.80029 10.8477 4.24801 10.4 4.80029 10.4C5.35257 10.4 5.80029 10.8477 5.80029 11.4Z" fill="#363636"/>
|
|
7
|
+
<path d="M10.5385 11.0572L2.33342 19.2622C1.9429 19.6528 1.9429 20.286 2.33342 20.6764L3.3466 21.6896C3.73712 22.0802 4.3703 22.0802 4.76082 21.6896L13.1438 13.3067L12.2672 11.831C12.2454 11.7943 12.2124 11.7656 12.1732 11.749L10.5385 11.0572Z" fill="#363636"/>
|
|
8
|
+
</svg>
|