@team-monolith/cds 1.56.0 → 1.56.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/CodleDesignSystemProvider.js +4 -4
  2. package/dist/icons/Custom.d.ts +27 -0
  3. package/dist/icons/Custom.js +36 -0
  4. package/dist/icons/custom/emo-good-color.svg +69 -0
  5. package/dist/icons/custom/emo-good.svg +13 -0
  6. package/dist/icons/custom/emo-great-color.svg +68 -0
  7. package/dist/icons/custom/emo-great.svg +13 -0
  8. package/dist/icons/custom/emo-neutral-color.svg +77 -0
  9. package/dist/icons/custom/emo-neutral.svg +15 -0
  10. package/dist/index.d.ts +1 -0
  11. package/dist/index.js +1 -0
  12. package/dist/patterns/ToggleButtonGroup/ToggleButton.d.ts +9 -0
  13. package/dist/patterns/ToggleButtonGroup/ToggleButton.js +54 -0
  14. package/dist/patterns/ToggleButtonGroup/ToggleButtonGroup.d.ts +29 -0
  15. package/dist/patterns/ToggleButtonGroup/ToggleButtonGroup.js +42 -0
  16. package/dist/patterns/ToggleButtonGroup/index.d.ts +1 -0
  17. package/dist/patterns/ToggleButtonGroup/index.js +1 -0
  18. package/package.json +1 -1
package/dist/CodleDesignSystemProvider.js CHANGED
@@ -103,8 +103,8 @@ export const light = {
103
103
  scratchAlt: "#FFF5EC",
104
104
  entry: "#32D27D",
105
105
  entryAlt: "#E0F8EB",
106
- video: "#5F32DE",
107
- videoAlt: "#CEC8DE",
106
+ video: "#3239DE",
107
+ videoAlt: "#E7E7FB",
108
108
  worksheet: "#874BFF",
109
109
  worksheetAlt: "#EEE5FF",
110
110
  ebook: "#0094FF",
@@ -218,8 +218,8 @@ export const dark = {
218
218
  scratchAlt: "#663000",
219
219
  entry: "#32D27D",
220
220
  entryAlt: "#135330",
221
- video: "#5F32DE",
222
- videoAlt: "#2D2640",
221
+ video: "#3239DE",
222
+ videoAlt: "#292B60",
223
223
  worksheet: "#874BFF",
224
224
  worksheetAlt: "#5F5C66",
225
225
  ebook: "#0094FF",
package/dist/icons/Custom.d.ts CHANGED
@@ -280,3 +280,30 @@ export declare const customEbookColorSvg: string;
280
280
  export declare const CustomEbookColorIcon: React.ForwardRefExoticComponent<{
281
281
  className?: string | undefined;
282
282
  } & React.RefAttributes<any>>;
283
+ export declare const customEmoGreatSvg: string;
284
+ export declare const CustomEmoGreatIcon: React.ForwardRefExoticComponent<{
285
+ className?: string | undefined;
286
+ color?: string | undefined;
287
+ } & React.RefAttributes<any>>;
288
+ export declare const customEmoGreatColorSvg: string;
289
+ export declare const CustomEmoGreatColorIcon: React.ForwardRefExoticComponent<{
290
+ className?: string | undefined;
291
+ } & React.RefAttributes<any>>;
292
+ export declare const customEmoGoodSvg: string;
293
+ export declare const CustomEmoGoodIcon: React.ForwardRefExoticComponent<{
294
+ className?: string | undefined;
295
+ color?: string | undefined;
296
+ } & React.RefAttributes<any>>;
297
+ export declare const customEmoGoodColorSvg: string;
298
+ export declare const CustomEmoGoodColorIcon: React.ForwardRefExoticComponent<{
299
+ className?: string | undefined;
300
+ } & React.RefAttributes<any>>;
301
+ export declare const customEmoNeutralSvg: string;
302
+ export declare const CustomEmoNeutralIcon: React.ForwardRefExoticComponent<{
303
+ className?: string | undefined;
304
+ color?: string | undefined;
305
+ } & React.RefAttributes<any>>;
306
+ export declare const customEmoNeutralColorSvg: string;
307
+ export declare const CustomEmoNeutralColorIcon: React.ForwardRefExoticComponent<{
308
+ className?: string | undefined;
309
+ } & React.RefAttributes<any>>;
package/dist/icons/Custom.js CHANGED
@@ -310,3 +310,39 @@ export const customEbookColorSvg = customEbookColorSvgImport;
310
310
  export const CustomEbookColorIcon = forwardRef((props, ref) => {
311
311
  return (_jsxs("svg", Object.assign({}, props, { ref: ref, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4.23913 6C2.72634 6 1.5 7.25919 1.5 8.8125V16.25C1.5 17.8033 2.72634 19.0625 4.23913 19.0625H8.80435C8.94545 19.0625 9.08655 19.152 9.28149 19.2757C9.71739 19.5524 10.4228 20 12 20C13.5772 20 14.2826 19.5524 14.7185 19.2757C14.9134 19.152 15.0545 19.0625 15.1957 19.0625H19.7609C21.2737 19.0625 22.5 17.8033 22.5 16.25V8.8125C22.5 7.25919 21.2737 6 19.7609 6H4.23913Z", fill: "#0094FF" }), _jsx("path", { d: "M12 5.86667C12 5.01767 13 4 14.5 4C16 4 16.5 4.54902 17 4.93333C17.5 5.31765 18 5.86667 19 5.86667C20 5.86667 21 6.88433 21 7.73334V16.1333C21 17.0667 20 18 19 18C18 18 17.5 17.9177 17 17.5333C16.5 17.149 16 16.4627 15 16.4627C14 16.4627 14 17.0667 13 17.0667C12 17.0667 12 16.1333 12 16.1333V5.86667Z", fill: "#C2E6FF" }), _jsx("path", { d: "M12 5.86667C12 5.01767 11 4 9.5 4C8 4 7.5 4.54902 7 4.93333C6.5 5.31765 6 5.86667 5 5.86667C4 5.86667 3 6.88433 3 7.73334V16.1333C3 17.0667 4 18 5 18C6 18 6.5 17.9177 7 17.5333C7.5 17.149 8 16.4627 9 16.4627C10 16.4627 10 17.0667 11 17.0667C12 17.0667 12 16.1333 12 16.1333V5.86667Z", fill: "#E0F2FF" })] })));
312
312
  });
313
+ import customEmoGreatSvgImport from "./custom/emo-great.svg";
314
+ export const customEmoGreatSvg = customEmoGreatSvgImport;
315
+ export const CustomEmoGreatIcon = forwardRef((props, ref) => {
316
+ const uniqueId = useMemo(uid, []);
317
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsxs("g", Object.assign({ clipPath: `url(#clip_emo_great_${uniqueId})` }, { children: [_jsx("path", { d: "M12 18.75C5.25 18.75 5.25 12 5.25 12H18.75C18.75 12 18.75 18.75 12 18.75Z", fill: "currentColor" }), _jsx("path", { d: "M7.01172 7.80939C6.85478 7.98038 6.77223 8.20769 6.73617 8.39315C6.65711 8.79975 6.2634 9.06527 5.8568 8.98621C5.45021 8.90715 5.18468 8.51345 5.26375 8.10685C5.33022 7.76496 5.4962 7.24228 5.90664 6.7951C6.33952 6.32347 6.98673 6 7.87496 6C8.77161 6 9.42152 6.33914 9.85178 6.81147C10.2599 7.25955 10.4296 7.78048 10.4889 8.12168C10.5598 8.52979 10.2864 8.91807 9.87828 8.98894C9.47017 9.05981 9.08188 8.78643 9.01102 8.37832C8.9853 8.23026 8.90649 8.0012 8.74288 7.82159C8.60137 7.66624 8.35625 7.5 7.87496 7.5C7.38524 7.5 7.14622 7.66286 7.01172 7.80939Z", fill: "currentColor" }), _jsx("path", { d: "M15.2619 7.80939C15.105 7.98038 15.0224 8.20769 14.9864 8.39315C14.9073 8.79975 14.5136 9.06527 14.107 8.98621C13.7004 8.90715 13.4349 8.51345 13.5139 8.10685C13.5804 7.76496 13.7464 7.24228 14.1568 6.7951C14.5897 6.32347 15.2369 6 16.1251 6C17.0218 6 17.6717 6.33914 18.102 6.81147C18.5101 7.25955 18.6798 7.78048 18.7391 8.12168C18.8099 8.52979 18.5366 8.91807 18.1285 8.98894C17.7204 9.05981 17.3321 8.78643 17.2612 8.37832C17.2355 8.23026 17.1567 8.0012 16.9931 7.82159C16.8515 7.66624 16.6064 7.5 16.1251 7.5C15.6354 7.5 15.3964 7.66286 15.2619 7.80939Z", fill: "currentColor" }), _jsx("path", { d: "M3.57257 4.06707C5.48475 1.99064 8.3214 0.75 11.9992 0.75C15.6769 0.75 18.5136 1.99064 20.4258 4.06707C22.3286 6.13339 23.2483 8.95333 23.2483 11.9992C23.2483 15.045 22.3286 17.8649 20.4258 19.9313C18.5136 22.0077 15.6769 23.2483 11.9992 23.2483C8.3214 23.2483 5.48475 22.0077 3.57257 19.9313C1.6697 17.8649 0.75 15.045 0.75 11.9992C0.75 8.95333 1.6697 6.13339 3.57257 4.06707ZM4.67597 5.08319C3.07946 6.81683 2.25 9.24647 2.25 11.9992C2.25 14.7519 3.07946 17.1815 4.67597 18.9151C6.26316 20.6387 8.67609 21.7483 11.9992 21.7483C15.3222 21.7483 17.7352 20.6387 19.3224 18.9151C20.9189 17.1815 21.7483 14.7519 21.7483 11.9992C21.7483 9.24647 20.9189 6.81683 19.3224 5.08319C17.7352 3.35967 15.3222 2.25 11.9992 2.25C8.67609 2.25 6.26316 3.35967 4.67597 5.08319Z", fill: "currentColor" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip_emo_great_${uniqueId}` }, { children: _jsx("rect", { width: "24", height: "24", fill: "none" }) })) })] })));
318
+ });
319
+ import customEmoGreatColorSvgImport from "./custom/emo-great-color.svg";
320
+ export const customEmoGreatColorSvg = customEmoGreatColorSvgImport;
321
+ export const CustomEmoGreatColorIcon = forwardRef((props, ref) => {
322
+ const uniqueId = useMemo(uid, []);
323
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint0_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint1_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint2_radial_${uniqueId})`, fillOpacity: "0.6" }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint3_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint4_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint5_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint6_radial_${uniqueId})` }), _jsx("g", Object.assign({ opacity: "0.5", filter: `url(#filter0_f_${uniqueId})` }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.61725 8.75009C6.61654 8.7557 6.61579 8.76129 6.61499 8.76687C6.61457 8.76909 6.61449 8.76971 6.61468 8.76855L6.6156 8.7624L6.6164 8.75666L6.61687 8.75309L6.61712 8.75112L6.61725 8.75009ZM8.38522 8.76687C8.38498 8.76563 8.38465 8.7639 8.38419 8.76171C8.38161 8.74912 8.37572 8.72332 8.36496 8.6889C8.34254 8.61716 8.30478 8.52648 8.24638 8.44153C8.1578 8.3127 7.98513 8.125 7.50011 8.125C7.01508 8.125 6.84241 8.3127 6.75383 8.44153C6.69543 8.52648 6.65767 8.61716 6.63525 8.6889C6.62449 8.72332 6.6186 8.74912 6.61602 8.76171C6.61557 8.7639 6.61523 8.76563 6.61499 8.76687C6.538 9.30546 6.04313 9.68503 5.50107 9.61728C4.95305 9.54878 4.56432 9.04899 4.63283 8.50097L5.62511 8.625C4.63283 8.50097 4.6329 8.50042 4.63296 8.49987L4.63311 8.49874L4.63341 8.49637L4.6341 8.49117L4.63579 8.479C4.63706 8.47011 4.63864 8.45966 4.64057 8.44776C4.64443 8.42398 4.64974 8.39425 4.6569 8.35939C4.67116 8.28994 4.6931 8.19856 4.72629 8.09235C4.79176 7.88284 4.90634 7.59852 5.10575 7.30847C5.5328 6.6873 6.29763 6.125 7.50011 6.125C8.70258 6.125 9.46741 6.6873 9.89446 7.30847C10.0939 7.59852 10.2084 7.88284 10.2739 8.09235C10.3071 8.19856 10.329 8.28994 10.3433 8.35939C10.3505 8.39425 10.3558 8.42398 10.3596 8.44776C10.3616 8.45966 10.3632 8.47011 10.3644 8.479L10.3661 8.49117L10.3668 8.49637L10.3671 8.49874L10.3672 8.49987C10.3673 8.50042 10.3674 8.50097 9.37511 8.625L10.3674 8.50097C10.4359 9.04899 10.0472 9.54878 9.49914 9.61728C8.95708 9.68503 8.46221 9.30546 8.38522 8.76687Z", fill: "#9A4609" }) })), _jsx("g", Object.assign({ opacity: "0.5", filter: `url(#filter1_f_${uniqueId})` }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8449 8.86841C14.844 8.87205 14.8431 8.87567 14.8421 8.87928C14.8419 8.88013 14.8417 8.88063 14.8417 8.88076C14.8416 8.88098 14.8419 8.88004 14.8425 8.87787L14.8436 8.87367L14.8443 8.87085L14.8447 8.86926L14.8449 8.86841ZM16.6579 8.87928C16.7968 9.40808 17.3357 9.72811 17.8675 9.59514C18.4033 9.46119 18.7291 8.91826 18.5951 8.38246L17.6381 8.62173C18.5951 8.38246 18.595 8.38201 18.5949 8.38155L18.5947 8.38061L18.5942 8.3786L18.593 8.37415L18.5902 8.36352L18.5825 8.33555C18.5764 8.31404 18.5683 8.28676 18.558 8.25454C18.5373 8.19031 18.5074 8.10519 18.466 8.00601C18.3845 7.8103 18.2527 7.54529 18.05 7.275C17.6323 6.71802 16.8928 6.125 15.75 6.125C14.6071 6.125 13.8677 6.71802 13.45 7.275C13.2473 7.54529 13.1155 7.8103 13.0339 8.00601C12.9926 8.10519 12.9627 8.19031 12.942 8.25454C12.9316 8.28676 12.9235 8.31404 12.9174 8.33555L12.9097 8.36352L12.907 8.37415L12.9058 8.3786L12.9053 8.38061L12.9051 8.38155C12.905 8.38201 12.9048 8.38246 13.875 8.625L12.9048 8.38246C12.7709 8.91826 13.0967 9.46119 13.6325 9.59514C14.1643 9.72811 14.7032 9.40808 14.8421 8.87928C14.8427 8.87716 14.844 8.87284 14.8461 8.86656C14.8518 8.84876 14.8628 8.81669 14.8801 8.77524C14.9157 8.6897 14.9715 8.57971 15.05 8.475C15.1948 8.28198 15.3928 8.125 15.75 8.125C16.1071 8.125 16.3052 8.28198 16.45 8.475C16.5285 8.57971 16.5842 8.6897 16.6199 8.77524C16.6372 8.81669 16.6482 8.84876 16.6539 8.86656C16.6559 8.87284 16.6572 8.87716 16.6579 8.87928ZM16.6579 8.87928C16.6581 8.88013 16.6583 8.88063 16.6583 8.88076C16.6583 8.88098 16.6581 8.88004 16.6575 8.87787L16.6564 8.87367L16.6557 8.87085L16.6553 8.86926L16.6551 8.86841C16.655 8.86798 16.6548 8.86754 17.6249 8.62503L16.6548 8.86754C16.6558 8.87146 16.6568 8.87538 16.6579 8.87928Z", fill: "#9A4609" }) })), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.74304 8.35253C6.68711 8.75853 6.31489 9.04519 5.90705 8.99421C5.49604 8.94283 5.20449 8.56799 5.25587 8.15697L6.00008 8.25C5.25587 8.15697 5.25592 8.15656 5.25597 8.15615L5.25608 8.15529L5.25632 8.15346L5.25686 8.14936L5.25824 8.13942L5.26231 8.11286C5.26565 8.09228 5.27034 8.06595 5.27676 8.03468C5.28956 7.97234 5.3095 7.88915 5.33988 7.79192C5.39997 7.59963 5.50495 7.33952 5.68674 7.0751C6.07148 6.51548 6.76229 6 7.87508 6C8.98787 6 9.67868 6.51548 10.0634 7.0751C10.2452 7.33952 10.3502 7.59963 10.4103 7.79192C10.4407 7.88915 10.4606 7.97234 10.4734 8.03468C10.4798 8.06595 10.4845 8.09228 10.4879 8.11286L10.4919 8.13942L10.4933 8.14936L10.4938 8.15346L10.4941 8.15529L10.4942 8.15615C10.4942 8.15656 10.4943 8.15697 9.75008 8.25L10.4943 8.15697C10.5457 8.56799 10.2541 8.94283 9.84311 8.99421C9.43526 9.04519 9.06304 8.75852 9.00712 8.35252C9.00673 8.3502 9.00576 8.3447 9.00406 8.33642C9.00001 8.31673 8.99211 8.28272 8.97855 8.23933C8.95075 8.15037 8.90339 8.03548 8.82736 7.9249C8.69648 7.73452 8.44979 7.5 7.87508 7.5C7.30037 7.5 7.05368 7.73452 6.9228 7.9249C6.84677 8.03548 6.7994 8.15037 6.7716 8.23933C6.75804 8.28272 6.75014 8.31673 6.7461 8.33642C6.7444 8.34471 6.74343 8.35022 6.74304 8.35253ZM9.00597 8.34381C9.00597 8.34381 9.00597 8.34381 9.00597 8.34382L9.006 8.34405C9.00599 8.34397 9.00598 8.34389 9.00597 8.34381Z", fill: "#43273B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9759 8.43827C14.8728 8.83632 14.4678 9.07754 14.068 8.97761C13.6662 8.87715 13.4219 8.46994 13.5223 8.0681L14.2499 8.25C13.5223 8.0681 13.5222 8.06844 13.5223 8.0681L13.5227 8.06669L13.5231 8.06513L13.524 8.06159L13.5263 8.05281L13.5329 8.0287C13.5383 8.00982 13.5455 7.98533 13.555 7.95604C13.5737 7.89761 13.6013 7.81913 13.6397 7.72716C13.7155 7.54522 13.8377 7.29959 14.0249 7.05C14.4085 6.53851 15.0803 6 16.1249 6C17.1696 6 17.8413 6.53851 18.2249 7.05C18.4121 7.29959 18.5344 7.54522 18.6102 7.72716C18.6485 7.81913 18.6761 7.89761 18.6949 7.95604C18.7043 7.98533 18.7116 8.00982 18.717 8.0287L18.7236 8.05281L18.7259 8.06159L18.7268 8.06513L18.7272 8.06669C18.7273 8.06703 18.7275 8.0681 17.9999 8.25L18.7275 8.0681C18.828 8.46994 18.5837 8.87715 18.1818 8.97761C17.7821 9.07754 17.3771 8.83632 17.2739 8.43827C17.2742 8.43903 17.2742 8.43923 17.2739 8.43827L17.2734 8.43623L17.2729 8.43432L17.2727 8.4332M17.2727 8.4332C17.2726 8.43314 17.2727 8.43327 17.2727 8.4332V8.4332ZM17.2739 8.43827C17.2742 8.43903 17.2742 8.43923 17.2739 8.43827C17.2731 8.43518 17.2706 8.42678 17.2669 8.41505C17.2593 8.39145 17.2459 8.35275 17.2256 8.30409C17.1842 8.20478 17.119 8.07541 17.0249 7.95C16.846 7.71149 16.5803 7.5 16.1249 7.5C15.6696 7.5 15.4038 7.71149 15.2249 7.95C15.1309 8.07541 15.0657 8.20478 15.0243 8.30409C15.004 8.35275 14.9906 8.39145 14.983 8.41505C14.9792 8.42678 14.9768 8.43518 14.9759 8.43827M14.9759 8.43827C14.9759 8.43827 14.9759 8.43826 14.9759 8.43827V8.43827Z", fill: "#43273B" }), _jsx("path", { d: "M12 18.75C5.25 18.75 5.25 12 5.25 12H18.75C18.75 12 18.75 18.75 12 18.75Z", fill: `url(#paint7_radial_${uniqueId})` }), _jsx("path", { d: "M6 12.125V12H18V12.125C18 12.6773 17.5523 13.125 17 13.125H7C6.44772 13.125 6 12.6773 6 12.125Z", fill: `url(#paint8_linear_${uniqueId})` }), _jsxs("defs", { children: [_jsxs("filter", Object.assign({ id: `filter0_f_${uniqueId}`, x: "3.125", y: "4.625", width: "8.75024", height: "6.50012", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: "0.75", result: `effect1_foregroundBlur_${uniqueId}` })] })), _jsxs("filter", Object.assign({ id: `filter1_f_${uniqueId}`, x: "11.3748", y: "4.625", width: "8.75049", height: "6.50024", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: "0.75", result: `effect1_foregroundBlur_${uniqueId}` })] })), _jsxs("radialGradient", Object.assign({ id: `paint0_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(19.125 6.75) rotate(131.878) scale(29.2115)" }, { children: [_jsx("stop", { stopColor: "#FFF478" }), _jsx("stop", { offset: "0.474827", stopColor: "#FFB02E" }), _jsx("stop", { offset: "1", stopColor: "#F70A8D" })] })), _jsxs("radialGradient", Object.assign({ id: `paint1_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)" }, { children: [_jsx("stop", { offset: "0.787821", stopColor: "#F59639", stopOpacity: "0" }), _jsx("stop", { offset: "0.972509", stopColor: "#FF7DCE" })] })), _jsxs("radialGradient", Object.assign({ id: `paint2_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.5 10.5) rotate(135) scale(30.7591)" }, { children: [_jsx("stop", { offset: "0.314853", stopOpacity: "0" }), _jsx("stop", { offset: "1" })] })), _jsxs("radialGradient", Object.assign({ id: `paint3_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 12.75) rotate(77.692) scale(21.1102)" }, { children: [_jsx("stop", { offset: "0.507903", stopColor: "#7D6133", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#715B32" })] })), _jsxs("radialGradient", Object.assign({ id: `paint4_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)" }, { children: [_jsx("stop", { stopColor: "#FFB849" }), _jsx("stop", { offset: "1", stopColor: "#FFB847", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint5_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.375 13.5) rotate(9.86581) scale(8.75446)" }, { children: [_jsx("stop", { stopColor: "#FFA64B" }), _jsx("stop", { offset: "0.900412", stopColor: "#FFAE46", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint6_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.125 11.25) rotate(43.9708) scale(44.2897)" }, { children: [_jsx("stop", { offset: "0.185425", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopOpacity: "0.4" })] })), _jsxs("radialGradient", Object.assign({ id: `paint7_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 20.25) rotate(-90) scale(8.25 16.5)" }, { children: [_jsx("stop", { stopColor: "#F70A8D" }), _jsx("stop", { offset: "1", stopColor: "#89029C" })] })), _jsxs("linearGradient", Object.assign({ id: `paint8_linear_${uniqueId}`, x1: "12", y1: "12", x2: "12", y2: "13.125", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#ECCDFF" }), _jsx("stop", { offset: "1", stopColor: "white" })] }))] })] })));
324
+ });
325
+ import customEmoGoodSvgImport from "./custom/emo-good.svg";
326
+ export const customEmoGoodSvg = customEmoGoodSvgImport;
327
+ export const CustomEmoGoodIcon = forwardRef((props, ref) => {
328
+ const uniqueId = useMemo(uid, []);
329
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsxs("g", Object.assign({ clipPath: `url(#clip0_${uniqueId})` }, { children: [_jsx("path", { d: "M8.25 11.25C9.49264 11.25 10.5 10.2426 10.5 9C10.5 7.75736 9.49264 6.75 8.25 6.75C7.00736 6.75 6 7.75736 6 9C6 10.2426 7.00736 11.25 8.25 11.25Z", fill: "currentColor" }), _jsx("path", { d: "M15.75 11.25C16.9926 11.25 18 10.2426 18 9C18 7.75736 16.9926 6.75 15.75 6.75C14.5074 6.75 13.5 7.75736 13.5 9C13.5 10.2426 14.5074 11.25 15.75 11.25Z", fill: "currentColor" }), _jsx("path", { d: "M8.85004 13.8C8.60152 13.4687 8.13141 13.4015 7.80004 13.65C7.46867 13.8986 7.40152 14.3687 7.65004 14.7C8.16802 15.3907 9.66621 16.5 12 16.5C14.3339 16.5 15.8321 15.3907 16.35 14.7C16.5986 14.3687 16.5314 13.8986 16.2 13.65C15.8687 13.4015 15.3986 13.4687 15.15 13.8C14.918 14.1094 13.8662 15 12 15C10.1339 15 9.08207 14.1094 8.85004 13.8Z", fill: "currentColor" }), _jsx("path", { d: "M3.57257 4.06707C5.48475 1.99064 8.3214 0.75 11.9992 0.75C15.6769 0.75 18.5136 1.99064 20.4258 4.06707C22.3286 6.13339 23.2483 8.95333 23.2483 11.9992C23.2483 15.045 22.3286 17.8649 20.4258 19.9313C18.5136 22.0077 15.6769 23.2483 11.9992 23.2483C8.3214 23.2483 5.48475 22.0077 3.57257 19.9313C1.6697 17.8649 0.75 15.045 0.75 11.9992C0.75 8.95333 1.6697 6.13339 3.57257 4.06707ZM4.67597 5.08319C3.07946 6.81683 2.25 9.24647 2.25 11.9992C2.25 14.7519 3.07946 17.1815 4.67597 18.9151C6.26316 20.6387 8.67609 21.7483 11.9992 21.7483C15.3222 21.7483 17.7352 20.6387 19.3224 18.9151C20.9189 17.1815 21.7483 14.7519 21.7483 11.9992C21.7483 9.24647 20.9189 6.81683 19.3224 5.08319C17.7352 3.35967 15.3222 2.25 11.9992 2.25C8.67609 2.25 6.26316 3.35967 4.67597 5.08319Z", fill: "currentColor" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip0_${uniqueId}` }, { children: _jsx("rect", { width: "24", height: "24", fill: "none" }) })) })] })));
330
+ });
331
+ import customEmoGoodColorSvgImport from "./custom/emo-good-color.svg";
332
+ export const customEmoGoodColorSvg = customEmoGoodColorSvgImport;
333
+ export const CustomEmoGoodColorIcon = forwardRef((props, ref) => {
334
+ const uniqueId = useMemo(uid, []);
335
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint0_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint1_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint2_radial_${uniqueId})`, fillOpacity: "0.6" }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint3_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint4_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint5_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint6_radial_${uniqueId})` }), _jsx("circle", { cx: "6.76278", cy: "10.0654", r: "3.50497", fill: `url(#paint7_radial_${uniqueId})` }), _jsx("circle", { cx: "14.4332", cy: "10.4574", r: "3.18323", fill: `url(#paint8_radial_${uniqueId})` }), _jsx("path", { d: "M7.81439 12.1683C9.55655 12.1683 10.9689 10.756 10.9689 9.01385C10.9689 7.27168 9.55655 5.85938 7.81439 5.85938C6.07222 5.85938 4.65991 7.27168 4.65991 9.01385C4.65991 10.756 6.07222 12.1683 7.81439 12.1683Z", fill: "white" }), _jsx("path", { d: "M16.1763 12.2258C17.9343 12.2258 19.3595 10.8007 19.3595 9.04261C19.3595 7.28456 17.9343 5.85938 16.1763 5.85938C14.4182 5.85938 12.993 7.28456 12.993 9.04261C12.993 10.8007 14.4182 12.2258 16.1763 12.2258Z", fill: "white" }), _jsx("path", { d: "M8.25 11.25C9.49264 11.25 10.5 10.2426 10.5 9C10.5 7.75736 9.49264 6.75 8.25 6.75C7.00736 6.75 6 7.75736 6 9C6 10.2426 7.00736 11.25 8.25 11.25Z", fill: `url(#paint9_linear_${uniqueId})` }), _jsx("path", { d: "M15.75 11.25C16.9926 11.25 18 10.2426 18 9C18 7.75736 16.9926 6.75 15.75 6.75C14.5074 6.75 13.5 7.75736 13.5 9C13.5 10.2426 14.5074 11.25 15.75 11.25Z", fill: `url(#paint10_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.80004 13.65C8.13142 13.4015 8.60152 13.4686 8.85004 13.8C9.08207 14.1094 10.1339 15 12 15C13.8662 15 14.918 14.1094 15.15 13.8C15.3986 13.4686 15.8687 13.4015 16.2 13.65C16.5314 13.8985 16.5986 14.3686 16.35 14.7C15.8321 15.3906 14.3339 16.5 12 16.5C9.66621 16.5 8.16802 15.3906 7.65004 14.7C7.40152 14.3686 7.46867 13.8985 7.80004 13.65Z", fill: `url(#paint11_radial_${uniqueId})` }), _jsxs("defs", { children: [_jsxs("radialGradient", Object.assign({ id: `paint0_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(19.125 6.75) rotate(131.878) scale(29.2115)" }, { children: [_jsx("stop", { stopColor: "#FFF478" }), _jsx("stop", { offset: "0.474827", stopColor: "#FFB02E" }), _jsx("stop", { offset: "1", stopColor: "#F70A8D" })] })), _jsxs("radialGradient", Object.assign({ id: `paint1_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)" }, { children: [_jsx("stop", { offset: "0.787821", stopColor: "#F59639", stopOpacity: "0" }), _jsx("stop", { offset: "0.972509", stopColor: "#FF7DCE" })] })), _jsxs("radialGradient", Object.assign({ id: `paint2_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.5 10.5) rotate(135) scale(30.7591)" }, { children: [_jsx("stop", { offset: "0.314853", stopOpacity: "0" }), _jsx("stop", { offset: "1" })] })), _jsxs("radialGradient", Object.assign({ id: `paint3_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 12.75) rotate(77.692) scale(21.1102)" }, { children: [_jsx("stop", { offset: "0.507903", stopColor: "#7D6133", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#715B32" })] })), _jsxs("radialGradient", Object.assign({ id: `paint4_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)" }, { children: [_jsx("stop", { stopColor: "#FFB849" }), _jsx("stop", { offset: "1", stopColor: "#FFB847", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint5_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.375 13.5) rotate(9.86581) scale(8.75446)" }, { children: [_jsx("stop", { stopColor: "#FFA64B" }), _jsx("stop", { offset: "0.900412", stopColor: "#FFAE46", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint6_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.125 11.25) rotate(43.9708) scale(44.2897)" }, { children: [_jsx("stop", { offset: "0.185425", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopOpacity: "0.4" })] })), _jsxs("radialGradient", Object.assign({ id: `paint7_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.48887 7.33931) rotate(135) scale(6.82934 3.53464)" }, { children: [_jsx("stop", { stopColor: "#392108" }), _jsx("stop", { offset: "1", stopColor: "#C87928", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint8_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(16.9091 7.98155) rotate(135) scale(5.75226 3.24724)" }, { children: [_jsx("stop", { stopColor: "#392108" }), _jsx("stop", { offset: "1", stopColor: "#C87928", stopOpacity: "0" })] })), _jsxs("linearGradient", Object.assign({ id: `paint9_linear_${uniqueId}`, x1: "12.375", y1: "6", x2: "11.625", y2: "11.25", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#553B3E" }), _jsx("stop", { offset: "1", stopColor: "#3D2432" })] })), _jsxs("linearGradient", Object.assign({ id: `paint10_linear_${uniqueId}`, x1: "12.375", y1: "6", x2: "11.625", y2: "11.25", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#553B3E" }), _jsx("stop", { offset: "1", stopColor: "#3D2432" })] })), _jsxs("radialGradient", Object.assign({ id: `paint11_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 12.75) rotate(90) scale(4.125 6.31391)" }, { children: [_jsx("stop", { offset: "0.34763", stopColor: "#241A1A" }), _jsx("stop", { offset: "0.628228", stopColor: "#57444A" }), _jsx("stop", { offset: "1", stopColor: "#4E2553" }), _jsx("stop", { offset: "1", stopColor: "#502A56" })] }))] })] })));
336
+ });
337
+ import customEmoNeutralSvgImport from "./custom/emo-neutral.svg";
338
+ export const customEmoNeutralSvg = customEmoNeutralSvgImport;
339
+ export const CustomEmoNeutralIcon = forwardRef((props, ref) => {
340
+ const uniqueId = useMemo(uid, []);
341
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsxs("g", Object.assign({ clipPath: `url(#clip0_${uniqueId})` }, { children: [_jsx("path", { d: "M15.3056 6.204C15.13 6.31474 15.0186 6.45429 14.942 6.57544C14.8313 6.75048 14.5996 6.80264 14.4246 6.69193C14.2496 6.58123 14.1974 6.3496 14.3081 6.17456C14.4224 5.99393 14.6061 5.75848 14.9055 5.56966C15.2074 5.37922 15.6051 5.25 16.125 5.25C16.6495 5.25 17.0451 5.38737 17.3439 5.5807C17.6382 5.77112 17.8183 6.00319 17.9283 6.15441C18.0501 6.32189 18.0131 6.55643 17.8456 6.67826C17.6782 6.80009 17.4436 6.76307 17.3218 6.59559C17.2292 6.46826 17.1141 6.32533 16.9364 6.21039C16.7633 6.09835 16.5101 6 16.125 6C15.7355 6 15.4786 6.09489 15.3056 6.204Z", fill: "currentColor" }), _jsx("path", { d: "M8.25 12.75C9.49264 12.75 10.5 11.7426 10.5 10.5C10.5 9.25736 9.49264 8.25 8.25 8.25C7.00736 8.25 6 9.25736 6 10.5C6 11.7426 7.00736 12.75 8.25 12.75Z", fill: "currentColor" }), _jsx("path", { d: "M15.75 12.75C16.9926 12.75 18 11.7426 18 10.5C18 9.25736 16.9926 8.25 15.75 8.25C14.5074 8.25 13.5 9.25736 13.5 10.5C13.5 11.7426 14.5074 12.75 15.75 12.75Z", fill: "currentColor" }), _jsx("path", { d: "M6.69198 6.1746C6.76861 6.29576 6.88005 6.43531 7.0556 6.54604C7.22858 6.65516 7.48547 6.75005 7.87505 6.75005C8.26013 6.75005 8.51328 6.6517 8.68644 6.53966C8.86409 6.42472 8.97917 6.28179 9.07179 6.15445C9.19362 5.98697 9.42815 5.94996 9.59564 6.07179C9.76312 6.19362 9.80013 6.42815 9.6783 6.59564C9.56831 6.74686 9.38817 6.97892 9.09386 7.16935C8.79507 7.36267 8.39954 7.50005 7.87505 7.50005C7.35506 7.50005 6.95738 7.37083 6.65547 7.18039C6.35612 6.99157 6.17235 6.75612 6.05811 6.57549C5.94741 6.40045 5.99957 6.16881 6.17461 6.05811C6.34964 5.94741 6.58128 5.99956 6.69198 6.1746Z", fill: "currentColor" }), _jsx("path", { d: "M9 15.75C9 15.3358 9.33579 15 9.75 15H14.25C14.6642 15 15 15.3358 15 15.75C15 16.1642 14.6642 16.5 14.25 16.5H9.75C9.33579 16.5 9 16.1642 9 15.75Z", fill: "currentColor" }), _jsx("path", { d: "M11.9992 0.75C8.3214 0.75 5.48475 1.99064 3.57257 4.06707C1.6697 6.13339 0.75 8.95333 0.75 11.9992C0.75 15.045 1.6697 17.8649 3.57257 19.9313C5.48475 22.0077 8.3214 23.2483 11.9992 23.2483C15.6769 23.2483 18.5136 22.0077 20.4258 19.9313C22.3286 17.8649 23.2483 15.045 23.2483 11.9992C23.2483 8.95333 22.3286 6.13339 20.4258 4.06707C18.5136 1.99064 15.6769 0.75 11.9992 0.75ZM2.25 11.9992C2.25 9.24647 3.07946 6.81683 4.67597 5.08319C6.26316 3.35967 8.67609 2.25 11.9992 2.25C15.3222 2.25 17.7352 3.35967 19.3224 5.08319C20.9189 6.81683 21.7483 9.24647 21.7483 11.9992C21.7483 14.7519 20.9189 17.1815 19.3224 18.9151C17.7352 20.6387 15.3222 21.7483 11.9992 21.7483C8.67609 21.7483 6.26316 20.6387 4.67597 18.9151C3.07946 17.1815 2.25 14.7519 2.25 11.9992Z", fill: "currentColor" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: `clip0_${uniqueId}` }, { children: _jsx("rect", { width: "24", height: "24", fill: "none" }) })) })] })));
342
+ });
343
+ import customEmoNeutralColorSvgImport from "./custom/emo-neutral-color.svg";
344
+ export const customEmoNeutralColorSvg = customEmoNeutralColorSvgImport;
345
+ export const CustomEmoNeutralColorIcon = forwardRef((props, ref) => {
346
+ const uniqueId = useMemo(uid, []);
347
+ return (_jsxs("svg", Object.assign({}, props, { ref: ref, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: [_jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint0_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint1_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint2_radial_${uniqueId})`, fillOpacity: "0.6" }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint3_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint4_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint5_radial_${uniqueId})` }), _jsx("path", { d: "M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z", fill: `url(#paint6_radial_${uniqueId})` }), _jsx("circle", { cx: "6.75", cy: "11.25", r: "3.75", fill: `url(#paint7_radial_${uniqueId})` }), _jsx("circle", { cx: "14.625", cy: "11.625", r: "3.375", fill: `url(#paint8_radial_${uniqueId})` }), _jsx("path", { d: "M7.875 13.5C9.73896 13.5 11.25 11.989 11.25 10.125C11.25 8.26104 9.73896 6.75 7.875 6.75C6.01104 6.75 4.5 8.26104 4.5 10.125C4.5 11.989 6.01104 13.5 7.875 13.5Z", fill: "white" }), _jsx("path", { d: "M16.125 13.5C17.989 13.5 19.5 11.989 19.5 10.125C19.5 8.26104 17.989 6.75 16.125 6.75C14.261 6.75 12.75 8.26104 12.75 10.125C12.75 11.989 14.261 13.5 16.125 13.5Z", fill: "white" }), _jsx("path", { d: "M8.25 12.75C9.49264 12.75 10.5 11.7426 10.5 10.5C10.5 9.25736 9.49264 8.25 8.25 8.25C7.00736 8.25 6 9.25736 6 10.5C6 11.7426 7.00736 12.75 8.25 12.75Z", fill: `url(#paint9_linear_${uniqueId})` }), _jsx("path", { d: "M15.75 12.75C16.9926 12.75 18 11.7426 18 10.5C18 9.25736 16.9926 8.25 15.75 8.25C14.5074 8.25 13.5 9.25736 13.5 10.5C13.5 11.7426 14.5074 12.75 15.75 12.75Z", fill: `url(#paint10_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 15.75C9 15.3358 9.33579 15 9.75 15H14.25C14.6642 15 15 15.3358 15 15.75C15 16.1642 14.6642 16.5 14.25 16.5H9.75C9.33579 16.5 9 16.1642 9 15.75Z", fill: `url(#paint11_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.0721 5.84912C15.0708 5.85163 15.0695 5.85412 15.0682 5.8566C15.0679 5.85723 15.0677 5.85757 15.0677 5.85761L15.0677 5.85754L15.0691 5.85499L15.0705 5.85229L15.0713 5.85058L15.0718 5.84962L15.0721 5.84912ZM17.182 5.8566C17.1815 5.85571 17.1806 5.85425 17.1794 5.85226C17.1747 5.84444 17.1647 5.8288 17.1489 5.80781C17.1173 5.76562 17.0639 5.70382 16.9846 5.64043C16.8325 5.51875 16.5662 5.375 16.1251 5.375C15.6841 5.375 15.4177 5.51875 15.2656 5.64043C15.1864 5.70382 15.1329 5.76562 15.1013 5.80781C15.0855 5.8288 15.0756 5.84444 15.0708 5.85226C15.0696 5.85425 15.0687 5.85572 15.0682 5.8566C14.9423 6.09774 14.6458 6.19437 14.4015 6.07221C14.1545 5.94872 14.0544 5.64838 14.1779 5.40139L14.6251 5.625C14.1779 5.40139 14.178 5.40113 14.1782 5.40086L14.1784 5.40031L14.179 5.39915L14.1803 5.39662L14.1834 5.39071L14.1915 5.37562C14.1978 5.36415 14.2059 5.3499 14.216 5.33328C14.2362 5.30009 14.2643 5.25714 14.3013 5.20781C14.3751 5.10938 14.4857 4.98368 14.6409 4.85957C14.9575 4.60625 15.4412 4.375 16.1251 4.375C16.8091 4.375 17.2927 4.60625 17.6093 4.85957C17.7645 4.98368 17.8751 5.10938 17.9489 5.20781C17.9859 5.25714 18.014 5.30009 18.0342 5.33328C18.0443 5.3499 18.0524 5.36415 18.0587 5.37562L18.0668 5.39071L18.0699 5.39662L18.0712 5.39915L18.0718 5.40031L18.0721 5.40086C18.0722 5.40113 18.0723 5.40139 17.6251 5.625L18.0723 5.40139C18.1958 5.64838 18.0957 5.94872 17.8487 6.07221C17.6044 6.19437 17.3079 6.09774 17.182 5.8566Z", fill: `url(#paint12_linear_${uniqueId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.82206 6.15088C6.82081 6.14837 6.81953 6.14588 6.81824 6.1434C6.81788 6.14277 6.81769 6.14243 6.81766 6.14239L6.8177 6.14246L6.81907 6.14501L6.82046 6.14771L6.82133 6.14942L6.82181 6.15038L6.82206 6.15088ZM8.93198 6.1434C8.93147 6.14429 8.93061 6.14575 8.92941 6.14774C8.92466 6.15556 8.91468 6.1712 8.89894 6.19219C8.86729 6.23438 8.81386 6.29618 8.73464 6.35957C8.58253 6.48125 8.31615 6.625 7.87511 6.625C7.43407 6.625 7.16769 6.48125 7.01558 6.35957C6.93636 6.29618 6.88292 6.23438 6.85128 6.19219C6.83554 6.1712 6.82556 6.15556 6.82081 6.14774C6.8196 6.14575 6.81875 6.14428 6.81824 6.1434C6.69231 5.90226 6.39581 5.80563 6.1515 5.92779C5.90451 6.05128 5.8044 6.35162 5.9279 6.59861L6.37511 6.375C5.9279 6.59861 5.92803 6.59887 5.92816 6.59914L5.92844 6.59969L5.92902 6.60085L5.93031 6.60338L5.93337 6.60929L5.94149 6.62438C5.94779 6.63585 5.95594 6.6501 5.96603 6.66672C5.98618 6.69991 6.01429 6.74286 6.05128 6.79219C6.12511 6.89062 6.23574 7.01632 6.39089 7.14043C6.70753 7.39375 7.19115 7.625 7.87511 7.625C8.55907 7.625 9.04269 7.39375 9.35933 7.14043C9.51448 7.01632 9.62511 6.89062 9.69894 6.79219C9.73593 6.74286 9.76404 6.69991 9.78419 6.66672C9.79428 6.6501 9.80243 6.63585 9.80873 6.62438L9.81685 6.60929L9.81991 6.60338L9.8212 6.60085L9.82178 6.59969L9.82206 6.59914C9.82219 6.59887 9.82232 6.59861 9.37511 6.375L9.82232 6.59861C9.94582 6.35162 9.84571 6.05128 9.59872 5.92779C9.35441 5.80563 9.05791 5.90226 8.93198 6.1434Z", fill: `url(#paint13_linear_${uniqueId})` }), _jsxs("defs", { children: [_jsxs("radialGradient", Object.assign({ id: `paint0_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(19.125 6.75) rotate(131.878) scale(29.2115)" }, { children: [_jsx("stop", { stopColor: "#FFF478" }), _jsx("stop", { offset: "0.474827", stopColor: "#FFB02E" }), _jsx("stop", { offset: "1", stopColor: "#F70A8D" })] })), _jsxs("radialGradient", Object.assign({ id: `paint1_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)" }, { children: [_jsx("stop", { offset: "0.787821", stopColor: "#F59639", stopOpacity: "0" }), _jsx("stop", { offset: "0.972509", stopColor: "#FF7DCE" })] })), _jsxs("radialGradient", Object.assign({ id: `paint2_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.5 10.5) rotate(135) scale(30.7591)" }, { children: [_jsx("stop", { offset: "0.314853", stopOpacity: "0" }), _jsx("stop", { offset: "1" })] })), _jsxs("radialGradient", Object.assign({ id: `paint3_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 12.75) rotate(77.692) scale(21.1102)" }, { children: [_jsx("stop", { offset: "0.507903", stopColor: "#7D6133", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#715B32" })] })), _jsxs("radialGradient", Object.assign({ id: `paint4_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)" }, { children: [_jsx("stop", { stopColor: "#FFB849" }), _jsx("stop", { offset: "1", stopColor: "#FFB847", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint5_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.375 13.5) rotate(9.86581) scale(8.75446)" }, { children: [_jsx("stop", { stopColor: "#FFA64B" }), _jsx("stop", { offset: "0.900412", stopColor: "#FFAE46", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint6_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.125 11.25) rotate(43.9708) scale(44.2897)" }, { children: [_jsx("stop", { offset: "0.185425", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopOpacity: "0.4" })] })), _jsxs("radialGradient", Object.assign({ id: `paint7_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.66667 8.33333) rotate(135) scale(7.30677 3.78174)" }, { children: [_jsx("stop", { stopColor: "#392108" }), _jsx("stop", { offset: "1", stopColor: "#C87928", stopOpacity: "0" })] })), _jsxs("radialGradient", Object.assign({ id: `paint8_radial_${uniqueId}`, cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.25 9) rotate(135) scale(6.0988 3.44287)" }, { children: [_jsx("stop", { stopColor: "#392108" }), _jsx("stop", { offset: "1", stopColor: "#C87928", stopOpacity: "0" })] })), _jsxs("linearGradient", Object.assign({ id: `paint9_linear_${uniqueId}`, x1: "16.6154", y1: "8.25", x2: "15.75", y2: "12.75", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#553B3E" }), _jsx("stop", { offset: "1", stopColor: "#3D2432" })] })), _jsxs("linearGradient", Object.assign({ id: `paint10_linear_${uniqueId}`, x1: "16.6154", y1: "8.25", x2: "15.75", y2: "12.75", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#553B3E" }), _jsx("stop", { offset: "1", stopColor: "#3D2432" })] })), _jsxs("linearGradient", Object.assign({ id: `paint11_linear_${uniqueId}`, x1: "12", y1: "15.25", x2: "12", y2: "16.25", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#4F3C43" }), _jsx("stop", { offset: "1", stopColor: "#512756" })] })), _jsxs("linearGradient", Object.assign({ id: `paint12_linear_${uniqueId}`, x1: "16.1251", y1: "4.875", x2: "16.1251", y2: "5.625", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.0299084", stopColor: "#524049" }), _jsx("stop", { offset: "1", stopColor: "#4A2C42" })] })), _jsxs("linearGradient", Object.assign({ id: `paint13_linear_${uniqueId}`, x1: "7.87511", y1: "6", x2: "7.87511", y2: "7.125", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.0299084", stopColor: "#524049" }), _jsx("stop", { offset: "1", stopColor: "#4A2C42" })] }))] })] })));
348
+ });
package/dist/icons/custom/emo-good-color.svg ADDED
@@ -0,0 +1,69 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint0_radial_5413_25975)"/>
3
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint1_radial_5413_25975)"/>
4
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint2_radial_5413_25975)" fill-opacity="0.6"/>
5
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint3_radial_5413_25975)"/>
6
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint4_radial_5413_25975)"/>
7
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint5_radial_5413_25975)"/>
8
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint6_radial_5413_25975)"/>
9
+ <circle cx="6.76278" cy="10.0654" r="3.50497" fill="url(#paint7_radial_5413_25975)"/>
10
+ <circle cx="14.4332" cy="10.4574" r="3.18323" fill="url(#paint8_radial_5413_25975)"/>
11
+ <path d="M7.81439 12.1683C9.55655 12.1683 10.9689 10.756 10.9689 9.01385C10.9689 7.27168 9.55655 5.85938 7.81439 5.85938C6.07222 5.85938 4.65991 7.27168 4.65991 9.01385C4.65991 10.756 6.07222 12.1683 7.81439 12.1683Z" fill="white"/>
12
+ <path d="M16.1763 12.2258C17.9343 12.2258 19.3595 10.8007 19.3595 9.04261C19.3595 7.28456 17.9343 5.85938 16.1763 5.85938C14.4182 5.85938 12.993 7.28456 12.993 9.04261C12.993 10.8007 14.4182 12.2258 16.1763 12.2258Z" fill="white"/>
13
+ <path d="M8.25 11.25C9.49264 11.25 10.5 10.2426 10.5 9C10.5 7.75736 9.49264 6.75 8.25 6.75C7.00736 6.75 6 7.75736 6 9C6 10.2426 7.00736 11.25 8.25 11.25Z" fill="url(#paint9_linear_5413_25975)"/>
14
+ <path d="M15.75 11.25C16.9926 11.25 18 10.2426 18 9C18 7.75736 16.9926 6.75 15.75 6.75C14.5074 6.75 13.5 7.75736 13.5 9C13.5 10.2426 14.5074 11.25 15.75 11.25Z" fill="url(#paint10_linear_5413_25975)"/>
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.80004 13.65C8.13142 13.4015 8.60152 13.4686 8.85004 13.8C9.08207 14.1094 10.1339 15 12 15C13.8662 15 14.918 14.1094 15.15 13.8C15.3986 13.4686 15.8687 13.4015 16.2 13.65C16.5314 13.8985 16.5986 14.3686 16.35 14.7C15.8321 15.3906 14.3339 16.5 12 16.5C9.66621 16.5 8.16802 15.3906 7.65004 14.7C7.40152 14.3686 7.46867 13.8985 7.80004 13.65Z" fill="url(#paint11_radial_5413_25975)"/>
16
+ <defs>
17
+ <radialGradient id="paint0_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.125 6.75) rotate(131.878) scale(29.2115)">
18
+ <stop stop-color="#FFF478"/>
19
+ <stop offset="0.474827" stop-color="#FFB02E"/>
20
+ <stop offset="1" stop-color="#F70A8D"/>
21
+ </radialGradient>
22
+ <radialGradient id="paint1_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)">
23
+ <stop offset="0.787821" stop-color="#F59639" stop-opacity="0"/>
24
+ <stop offset="0.972509" stop-color="#FF7DCE"/>
25
+ </radialGradient>
26
+ <radialGradient id="paint2_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5 10.5) rotate(135) scale(30.7591)">
27
+ <stop offset="0.314853" stop-opacity="0"/>
28
+ <stop offset="1"/>
29
+ </radialGradient>
30
+ <radialGradient id="paint3_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12.75) rotate(77.692) scale(21.1102)">
31
+ <stop offset="0.507903" stop-color="#7D6133" stop-opacity="0"/>
32
+ <stop offset="1" stop-color="#715B32"/>
33
+ </radialGradient>
34
+ <radialGradient id="paint4_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)">
35
+ <stop stop-color="#FFB849"/>
36
+ <stop offset="1" stop-color="#FFB847" stop-opacity="0"/>
37
+ </radialGradient>
38
+ <radialGradient id="paint5_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.375 13.5) rotate(9.86581) scale(8.75446)">
39
+ <stop stop-color="#FFA64B"/>
40
+ <stop offset="0.900412" stop-color="#FFAE46" stop-opacity="0"/>
41
+ </radialGradient>
42
+ <radialGradient id="paint6_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.125 11.25) rotate(43.9708) scale(44.2897)">
43
+ <stop offset="0.185425" stop-opacity="0"/>
44
+ <stop offset="1" stop-opacity="0.4"/>
45
+ </radialGradient>
46
+ <radialGradient id="paint7_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.48887 7.33931) rotate(135) scale(6.82934 3.53464)">
47
+ <stop stop-color="#392108"/>
48
+ <stop offset="1" stop-color="#C87928" stop-opacity="0"/>
49
+ </radialGradient>
50
+ <radialGradient id="paint8_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.9091 7.98155) rotate(135) scale(5.75226 3.24724)">
51
+ <stop stop-color="#392108"/>
52
+ <stop offset="1" stop-color="#C87928" stop-opacity="0"/>
53
+ </radialGradient>
54
+ <linearGradient id="paint9_linear_5413_25975" x1="12.375" y1="6" x2="11.625" y2="11.25" gradientUnits="userSpaceOnUse">
55
+ <stop stop-color="#553B3E"/>
56
+ <stop offset="1" stop-color="#3D2432"/>
57
+ </linearGradient>
58
+ <linearGradient id="paint10_linear_5413_25975" x1="12.375" y1="6" x2="11.625" y2="11.25" gradientUnits="userSpaceOnUse">
59
+ <stop stop-color="#553B3E"/>
60
+ <stop offset="1" stop-color="#3D2432"/>
61
+ </linearGradient>
62
+ <radialGradient id="paint11_radial_5413_25975" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12.75) rotate(90) scale(4.125 6.31391)">
63
+ <stop offset="0.34763" stop-color="#241A1A"/>
64
+ <stop offset="0.628228" stop-color="#57444A"/>
65
+ <stop offset="1" stop-color="#4E2553"/>
66
+ <stop offset="1" stop-color="#502A56"/>
67
+ </radialGradient>
68
+ </defs>
69
+ </svg>
package/dist/icons/custom/emo-good.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <g clip-path="url(#clip0_5413_25976)">
3
+ <path d="M8.25 11.25C9.49264 11.25 10.5 10.2426 10.5 9C10.5 7.75736 9.49264 6.75 8.25 6.75C7.00736 6.75 6 7.75736 6 9C6 10.2426 7.00736 11.25 8.25 11.25Z" fill="#363636"/>
4
+ <path d="M15.75 11.25C16.9926 11.25 18 10.2426 18 9C18 7.75736 16.9926 6.75 15.75 6.75C14.5074 6.75 13.5 7.75736 13.5 9C13.5 10.2426 14.5074 11.25 15.75 11.25Z" fill="#363636"/>
5
+ <path d="M8.85004 13.8C8.60152 13.4687 8.13141 13.4015 7.80004 13.65C7.46867 13.8986 7.40152 14.3687 7.65004 14.7C8.16802 15.3907 9.66621 16.5 12 16.5C14.3339 16.5 15.8321 15.3907 16.35 14.7C16.5986 14.3687 16.5314 13.8986 16.2 13.65C15.8687 13.4015 15.3986 13.4687 15.15 13.8C14.918 14.1094 13.8662 15 12 15C10.1339 15 9.08207 14.1094 8.85004 13.8Z" fill="#363636"/>
6
+ <path d="M3.57257 4.06707C5.48475 1.99064 8.3214 0.75 11.9992 0.75C15.6769 0.75 18.5136 1.99064 20.4258 4.06707C22.3286 6.13339 23.2483 8.95333 23.2483 11.9992C23.2483 15.045 22.3286 17.8649 20.4258 19.9313C18.5136 22.0077 15.6769 23.2483 11.9992 23.2483C8.3214 23.2483 5.48475 22.0077 3.57257 19.9313C1.6697 17.8649 0.75 15.045 0.75 11.9992C0.75 8.95333 1.6697 6.13339 3.57257 4.06707ZM4.67597 5.08319C3.07946 6.81683 2.25 9.24647 2.25 11.9992C2.25 14.7519 3.07946 17.1815 4.67597 18.9151C6.26316 20.6387 8.67609 21.7483 11.9992 21.7483C15.3222 21.7483 17.7352 20.6387 19.3224 18.9151C20.9189 17.1815 21.7483 14.7519 21.7483 11.9992C21.7483 9.24647 20.9189 6.81683 19.3224 5.08319C17.7352 3.35967 15.3222 2.25 11.9992 2.25C8.67609 2.25 6.26316 3.35967 4.67597 5.08319Z" fill="#363636"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_5413_25976">
10
+ <rect width="24" height="24" fill="white"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>
package/dist/icons/custom/emo-great-color.svg ADDED
@@ -0,0 +1,68 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint0_radial_5413_25973)"/>
3
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint1_radial_5413_25973)"/>
4
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint2_radial_5413_25973)" fill-opacity="0.6"/>
5
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint3_radial_5413_25973)"/>
6
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint4_radial_5413_25973)"/>
7
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint5_radial_5413_25973)"/>
8
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint6_radial_5413_25973)"/>
9
+ <g opacity="0.5" filter="url(#filter0_f_5413_25973)">
10
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61725 8.75009C6.61654 8.7557 6.61579 8.76129 6.61499 8.76687C6.61457 8.76909 6.61449 8.76971 6.61468 8.76855L6.6156 8.7624L6.6164 8.75666L6.61687 8.75309L6.61712 8.75112L6.61725 8.75009ZM8.38522 8.76687C8.38498 8.76563 8.38465 8.7639 8.38419 8.76171C8.38161 8.74912 8.37572 8.72332 8.36496 8.6889C8.34254 8.61716 8.30478 8.52648 8.24638 8.44153C8.1578 8.3127 7.98513 8.125 7.50011 8.125C7.01508 8.125 6.84241 8.3127 6.75383 8.44153C6.69543 8.52648 6.65767 8.61716 6.63525 8.6889C6.62449 8.72332 6.6186 8.74912 6.61602 8.76171C6.61557 8.7639 6.61523 8.76563 6.61499 8.76687C6.538 9.30546 6.04313 9.68503 5.50107 9.61728C4.95305 9.54878 4.56432 9.04899 4.63283 8.50097L5.62511 8.625C4.63283 8.50097 4.6329 8.50042 4.63296 8.49987L4.63311 8.49874L4.63341 8.49637L4.6341 8.49117L4.63579 8.479C4.63706 8.47011 4.63864 8.45966 4.64057 8.44776C4.64443 8.42398 4.64974 8.39425 4.6569 8.35939C4.67116 8.28994 4.6931 8.19856 4.72629 8.09235C4.79176 7.88284 4.90634 7.59852 5.10575 7.30847C5.5328 6.6873 6.29763 6.125 7.50011 6.125C8.70258 6.125 9.46741 6.6873 9.89446 7.30847C10.0939 7.59852 10.2084 7.88284 10.2739 8.09235C10.3071 8.19856 10.329 8.28994 10.3433 8.35939C10.3505 8.39425 10.3558 8.42398 10.3596 8.44776C10.3616 8.45966 10.3632 8.47011 10.3644 8.479L10.3661 8.49117L10.3668 8.49637L10.3671 8.49874L10.3672 8.49987C10.3673 8.50042 10.3674 8.50097 9.37511 8.625L10.3674 8.50097C10.4359 9.04899 10.0472 9.54878 9.49914 9.61728C8.95708 9.68503 8.46221 9.30546 8.38522 8.76687Z" fill="#9A4609"/>
11
+ </g>
12
+ <g opacity="0.5" filter="url(#filter1_f_5413_25973)">
13
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8449 8.86841C14.844 8.87205 14.8431 8.87567 14.8421 8.87928C14.8419 8.88013 14.8417 8.88063 14.8417 8.88076C14.8416 8.88098 14.8419 8.88004 14.8425 8.87787L14.8436 8.87367L14.8443 8.87085L14.8447 8.86926L14.8449 8.86841ZM16.6579 8.87928C16.7968 9.40808 17.3357 9.72811 17.8675 9.59514C18.4033 9.46119 18.7291 8.91826 18.5951 8.38246L17.6381 8.62173C18.5951 8.38246 18.595 8.38201 18.5949 8.38155L18.5947 8.38061L18.5942 8.3786L18.593 8.37415L18.5902 8.36352L18.5825 8.33555C18.5764 8.31404 18.5683 8.28676 18.558 8.25454C18.5373 8.19031 18.5074 8.10519 18.466 8.00601C18.3845 7.8103 18.2527 7.54529 18.05 7.275C17.6323 6.71802 16.8928 6.125 15.75 6.125C14.6071 6.125 13.8677 6.71802 13.45 7.275C13.2473 7.54529 13.1155 7.8103 13.0339 8.00601C12.9926 8.10519 12.9627 8.19031 12.942 8.25454C12.9316 8.28676 12.9235 8.31404 12.9174 8.33555L12.9097 8.36352L12.907 8.37415L12.9058 8.3786L12.9053 8.38061L12.9051 8.38155C12.905 8.38201 12.9048 8.38246 13.875 8.625L12.9048 8.38246C12.7709 8.91826 13.0967 9.46119 13.6325 9.59514C14.1643 9.72811 14.7032 9.40808 14.8421 8.87928C14.8427 8.87716 14.844 8.87284 14.8461 8.86656C14.8518 8.84876 14.8628 8.81669 14.8801 8.77524C14.9157 8.6897 14.9715 8.57971 15.05 8.475C15.1948 8.28198 15.3928 8.125 15.75 8.125C16.1071 8.125 16.3052 8.28198 16.45 8.475C16.5285 8.57971 16.5842 8.6897 16.6199 8.77524C16.6372 8.81669 16.6482 8.84876 16.6539 8.86656C16.6559 8.87284 16.6572 8.87716 16.6579 8.87928ZM16.6579 8.87928C16.6581 8.88013 16.6583 8.88063 16.6583 8.88076C16.6583 8.88098 16.6581 8.88004 16.6575 8.87787L16.6564 8.87367L16.6557 8.87085L16.6553 8.86926L16.6551 8.86841C16.655 8.86798 16.6548 8.86754 17.6249 8.62503L16.6548 8.86754C16.6558 8.87146 16.6568 8.87538 16.6579 8.87928Z" fill="#9A4609"/>
14
+ </g>
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.74304 8.35253C6.68711 8.75853 6.31489 9.04519 5.90705 8.99421C5.49604 8.94283 5.20449 8.56799 5.25587 8.15697L6.00008 8.25C5.25587 8.15697 5.25592 8.15656 5.25597 8.15615L5.25608 8.15529L5.25632 8.15346L5.25686 8.14936L5.25824 8.13942L5.26231 8.11286C5.26565 8.09228 5.27034 8.06595 5.27676 8.03468C5.28956 7.97234 5.3095 7.88915 5.33988 7.79192C5.39997 7.59963 5.50495 7.33952 5.68674 7.0751C6.07148 6.51548 6.76229 6 7.87508 6C8.98787 6 9.67868 6.51548 10.0634 7.0751C10.2452 7.33952 10.3502 7.59963 10.4103 7.79192C10.4407 7.88915 10.4606 7.97234 10.4734 8.03468C10.4798 8.06595 10.4845 8.09228 10.4879 8.11286L10.4919 8.13942L10.4933 8.14936L10.4938 8.15346L10.4941 8.15529L10.4942 8.15615C10.4942 8.15656 10.4943 8.15697 9.75008 8.25L10.4943 8.15697C10.5457 8.56799 10.2541 8.94283 9.84311 8.99421C9.43526 9.04519 9.06304 8.75852 9.00712 8.35252C9.00673 8.3502 9.00576 8.3447 9.00406 8.33642C9.00001 8.31673 8.99211 8.28272 8.97855 8.23933C8.95075 8.15037 8.90339 8.03548 8.82736 7.9249C8.69648 7.73452 8.44979 7.5 7.87508 7.5C7.30037 7.5 7.05368 7.73452 6.9228 7.9249C6.84677 8.03548 6.7994 8.15037 6.7716 8.23933C6.75804 8.28272 6.75014 8.31673 6.7461 8.33642C6.7444 8.34471 6.74343 8.35022 6.74304 8.35253ZM9.00597 8.34381C9.00597 8.34381 9.00597 8.34381 9.00597 8.34382L9.006 8.34405C9.00599 8.34397 9.00598 8.34389 9.00597 8.34381Z" fill="#43273B"/>
16
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9759 8.43827C14.8728 8.83632 14.4678 9.07754 14.068 8.97761C13.6662 8.87715 13.4219 8.46994 13.5223 8.0681L14.2499 8.25C13.5223 8.0681 13.5222 8.06844 13.5223 8.0681L13.5227 8.06669L13.5231 8.06513L13.524 8.06159L13.5263 8.05281L13.5329 8.0287C13.5383 8.00982 13.5455 7.98533 13.555 7.95604C13.5737 7.89761 13.6013 7.81913 13.6397 7.72716C13.7155 7.54522 13.8377 7.29959 14.0249 7.05C14.4085 6.53851 15.0803 6 16.1249 6C17.1696 6 17.8413 6.53851 18.2249 7.05C18.4121 7.29959 18.5344 7.54522 18.6102 7.72716C18.6485 7.81913 18.6761 7.89761 18.6949 7.95604C18.7043 7.98533 18.7116 8.00982 18.717 8.0287L18.7236 8.05281L18.7259 8.06159L18.7268 8.06513L18.7272 8.06669C18.7273 8.06703 18.7275 8.0681 17.9999 8.25L18.7275 8.0681C18.828 8.46994 18.5837 8.87715 18.1818 8.97761C17.7821 9.07754 17.3771 8.83632 17.2739 8.43827C17.2742 8.43903 17.2742 8.43923 17.2739 8.43827L17.2734 8.43623L17.2729 8.43432L17.2727 8.4332M17.2727 8.4332C17.2726 8.43314 17.2727 8.43327 17.2727 8.4332V8.4332ZM17.2739 8.43827C17.2742 8.43903 17.2742 8.43923 17.2739 8.43827C17.2731 8.43518 17.2706 8.42678 17.2669 8.41505C17.2593 8.39145 17.2459 8.35275 17.2256 8.30409C17.1842 8.20478 17.119 8.07541 17.0249 7.95C16.846 7.71149 16.5803 7.5 16.1249 7.5C15.6696 7.5 15.4038 7.71149 15.2249 7.95C15.1309 8.07541 15.0657 8.20478 15.0243 8.30409C15.004 8.35275 14.9906 8.39145 14.983 8.41505C14.9792 8.42678 14.9768 8.43518 14.9759 8.43827M14.9759 8.43827C14.9759 8.43827 14.9759 8.43826 14.9759 8.43827V8.43827Z" fill="#43273B"/>
17
+ <path d="M12 18.75C5.25 18.75 5.25 12 5.25 12H18.75C18.75 12 18.75 18.75 12 18.75Z" fill="url(#paint7_radial_5413_25973)"/>
18
+ <path d="M6 12.125V12H18V12.125C18 12.6773 17.5523 13.125 17 13.125H7C6.44772 13.125 6 12.6773 6 12.125Z" fill="url(#paint8_linear_5413_25973)"/>
19
+ <defs>
20
+ <filter id="filter0_f_5413_25973" x="3.125" y="4.625" width="8.75024" height="6.50012" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
21
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
22
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
23
+ <feGaussianBlur stdDeviation="0.75" result="effect1_foregroundBlur_5413_25973"/>
24
+ </filter>
25
+ <filter id="filter1_f_5413_25973" x="11.3748" y="4.625" width="8.75049" height="6.50024" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
26
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
27
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
28
+ <feGaussianBlur stdDeviation="0.75" result="effect1_foregroundBlur_5413_25973"/>
29
+ </filter>
30
+ <radialGradient id="paint0_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.125 6.75) rotate(131.878) scale(29.2115)">
31
+ <stop stop-color="#FFF478"/>
32
+ <stop offset="0.474827" stop-color="#FFB02E"/>
33
+ <stop offset="1" stop-color="#F70A8D"/>
34
+ </radialGradient>
35
+ <radialGradient id="paint1_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)">
36
+ <stop offset="0.787821" stop-color="#F59639" stop-opacity="0"/>
37
+ <stop offset="0.972509" stop-color="#FF7DCE"/>
38
+ </radialGradient>
39
+ <radialGradient id="paint2_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5 10.5) rotate(135) scale(30.7591)">
40
+ <stop offset="0.314853" stop-opacity="0"/>
41
+ <stop offset="1"/>
42
+ </radialGradient>
43
+ <radialGradient id="paint3_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12.75) rotate(77.692) scale(21.1102)">
44
+ <stop offset="0.507903" stop-color="#7D6133" stop-opacity="0"/>
45
+ <stop offset="1" stop-color="#715B32"/>
46
+ </radialGradient>
47
+ <radialGradient id="paint4_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)">
48
+ <stop stop-color="#FFB849"/>
49
+ <stop offset="1" stop-color="#FFB847" stop-opacity="0"/>
50
+ </radialGradient>
51
+ <radialGradient id="paint5_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.375 13.5) rotate(9.86581) scale(8.75446)">
52
+ <stop stop-color="#FFA64B"/>
53
+ <stop offset="0.900412" stop-color="#FFAE46" stop-opacity="0"/>
54
+ </radialGradient>
55
+ <radialGradient id="paint6_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.125 11.25) rotate(43.9708) scale(44.2897)">
56
+ <stop offset="0.185425" stop-opacity="0"/>
57
+ <stop offset="1" stop-opacity="0.4"/>
58
+ </radialGradient>
59
+ <radialGradient id="paint7_radial_5413_25973" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 20.25) rotate(-90) scale(8.25 16.5)">
60
+ <stop stop-color="#F70A8D"/>
61
+ <stop offset="1" stop-color="#89029C"/>
62
+ </radialGradient>
63
+ <linearGradient id="paint8_linear_5413_25973" x1="12" y1="12" x2="12" y2="13.125" gradientUnits="userSpaceOnUse">
64
+ <stop stop-color="#ECCDFF"/>
65
+ <stop offset="1" stop-color="white"/>
66
+ </linearGradient>
67
+ </defs>
68
+ </svg>
package/dist/icons/custom/emo-great.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <g clip-path="url(#clip0_5413_25974)">
3
+ <path d="M12 18.75C5.25 18.75 5.25 12 5.25 12H18.75C18.75 12 18.75 18.75 12 18.75Z" fill="#363636"/>
4
+ <path d="M7.01172 7.80939C6.85478 7.98038 6.77223 8.20769 6.73617 8.39315C6.65711 8.79975 6.2634 9.06527 5.8568 8.98621C5.45021 8.90715 5.18468 8.51345 5.26375 8.10685C5.33022 7.76496 5.4962 7.24228 5.90664 6.7951C6.33952 6.32347 6.98673 6 7.87496 6C8.77161 6 9.42152 6.33914 9.85178 6.81147C10.2599 7.25955 10.4296 7.78048 10.4889 8.12168C10.5598 8.52979 10.2864 8.91807 9.87828 8.98894C9.47017 9.05981 9.08188 8.78643 9.01102 8.37832C8.9853 8.23026 8.90649 8.0012 8.74288 7.82159C8.60137 7.66624 8.35625 7.5 7.87496 7.5C7.38524 7.5 7.14622 7.66286 7.01172 7.80939Z" fill="#363636"/>
5
+ <path d="M15.2619 7.80939C15.105 7.98038 15.0224 8.20769 14.9864 8.39315C14.9073 8.79975 14.5136 9.06527 14.107 8.98621C13.7004 8.90715 13.4349 8.51345 13.5139 8.10685C13.5804 7.76496 13.7464 7.24228 14.1568 6.7951C14.5897 6.32347 15.2369 6 16.1251 6C17.0218 6 17.6717 6.33914 18.102 6.81147C18.5101 7.25955 18.6798 7.78048 18.7391 8.12168C18.8099 8.52979 18.5366 8.91807 18.1285 8.98894C17.7204 9.05981 17.3321 8.78643 17.2612 8.37832C17.2355 8.23026 17.1567 8.0012 16.9931 7.82159C16.8515 7.66624 16.6064 7.5 16.1251 7.5C15.6354 7.5 15.3964 7.66286 15.2619 7.80939Z" fill="#363636"/>
6
+ <path d="M3.57257 4.06707C5.48475 1.99064 8.3214 0.75 11.9992 0.75C15.6769 0.75 18.5136 1.99064 20.4258 4.06707C22.3286 6.13339 23.2483 8.95333 23.2483 11.9992C23.2483 15.045 22.3286 17.8649 20.4258 19.9313C18.5136 22.0077 15.6769 23.2483 11.9992 23.2483C8.3214 23.2483 5.48475 22.0077 3.57257 19.9313C1.6697 17.8649 0.75 15.045 0.75 11.9992C0.75 8.95333 1.6697 6.13339 3.57257 4.06707ZM4.67597 5.08319C3.07946 6.81683 2.25 9.24647 2.25 11.9992C2.25 14.7519 3.07946 17.1815 4.67597 18.9151C6.26316 20.6387 8.67609 21.7483 11.9992 21.7483C15.3222 21.7483 17.7352 20.6387 19.3224 18.9151C20.9189 17.1815 21.7483 14.7519 21.7483 11.9992C21.7483 9.24647 20.9189 6.81683 19.3224 5.08319C17.7352 3.35967 15.3222 2.25 11.9992 2.25C8.67609 2.25 6.26316 3.35967 4.67597 5.08319Z" fill="#363636"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_5413_25974">
10
+ <rect width="24" height="24" fill="white"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>
package/dist/icons/custom/emo-neutral-color.svg ADDED
@@ -0,0 +1,77 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint0_radial_5413_25971)"/>
3
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint1_radial_5413_25971)"/>
4
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint2_radial_5413_25971)" fill-opacity="0.6"/>
5
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint3_radial_5413_25971)"/>
6
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint4_radial_5413_25971)"/>
7
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint5_radial_5413_25971)"/>
8
+ <path d="M11.9992 22.4983C19 22.4983 22.4983 17.7977 22.4983 11.9992C22.4983 6.20064 19 1.5 11.9992 1.5C4.99833 1.5 1.5 6.20064 1.5 11.9992C1.5 17.7977 4.99833 22.4983 11.9992 22.4983Z" fill="url(#paint6_radial_5413_25971)"/>
9
+ <circle cx="6.75" cy="11.25" r="3.75" fill="url(#paint7_radial_5413_25971)"/>
10
+ <circle cx="14.625" cy="11.625" r="3.375" fill="url(#paint8_radial_5413_25971)"/>
11
+ <path d="M7.875 13.5C9.73896 13.5 11.25 11.989 11.25 10.125C11.25 8.26104 9.73896 6.75 7.875 6.75C6.01104 6.75 4.5 8.26104 4.5 10.125C4.5 11.989 6.01104 13.5 7.875 13.5Z" fill="white"/>
12
+ <path d="M16.125 13.5C17.989 13.5 19.5 11.989 19.5 10.125C19.5 8.26104 17.989 6.75 16.125 6.75C14.261 6.75 12.75 8.26104 12.75 10.125C12.75 11.989 14.261 13.5 16.125 13.5Z" fill="white"/>
13
+ <path d="M8.25 12.75C9.49264 12.75 10.5 11.7426 10.5 10.5C10.5 9.25736 9.49264 8.25 8.25 8.25C7.00736 8.25 6 9.25736 6 10.5C6 11.7426 7.00736 12.75 8.25 12.75Z" fill="url(#paint9_linear_5413_25971)"/>
14
+ <path d="M15.75 12.75C16.9926 12.75 18 11.7426 18 10.5C18 9.25736 16.9926 8.25 15.75 8.25C14.5074 8.25 13.5 9.25736 13.5 10.5C13.5 11.7426 14.5074 12.75 15.75 12.75Z" fill="url(#paint10_linear_5413_25971)"/>
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M9 15.75C9 15.3358 9.33579 15 9.75 15H14.25C14.6642 15 15 15.3358 15 15.75C15 16.1642 14.6642 16.5 14.25 16.5H9.75C9.33579 16.5 9 16.1642 9 15.75Z" fill="url(#paint11_linear_5413_25971)"/>
16
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0721 5.84912C15.0708 5.85163 15.0695 5.85412 15.0682 5.8566C15.0679 5.85723 15.0677 5.85757 15.0677 5.85761L15.0677 5.85754L15.0691 5.85499L15.0705 5.85229L15.0713 5.85058L15.0718 5.84962L15.0721 5.84912ZM17.182 5.8566C17.1815 5.85571 17.1806 5.85425 17.1794 5.85226C17.1747 5.84444 17.1647 5.8288 17.1489 5.80781C17.1173 5.76562 17.0639 5.70382 16.9846 5.64043C16.8325 5.51875 16.5662 5.375 16.1251 5.375C15.6841 5.375 15.4177 5.51875 15.2656 5.64043C15.1864 5.70382 15.1329 5.76562 15.1013 5.80781C15.0855 5.8288 15.0756 5.84444 15.0708 5.85226C15.0696 5.85425 15.0687 5.85572 15.0682 5.8566C14.9423 6.09774 14.6458 6.19437 14.4015 6.07221C14.1545 5.94872 14.0544 5.64838 14.1779 5.40139L14.6251 5.625C14.1779 5.40139 14.178 5.40113 14.1782 5.40086L14.1784 5.40031L14.179 5.39915L14.1803 5.39662L14.1834 5.39071L14.1915 5.37562C14.1978 5.36415 14.2059 5.3499 14.216 5.33328C14.2362 5.30009 14.2643 5.25714 14.3013 5.20781C14.3751 5.10938 14.4857 4.98368 14.6409 4.85957C14.9575 4.60625 15.4412 4.375 16.1251 4.375C16.8091 4.375 17.2927 4.60625 17.6093 4.85957C17.7645 4.98368 17.8751 5.10938 17.9489 5.20781C17.9859 5.25714 18.014 5.30009 18.0342 5.33328C18.0443 5.3499 18.0524 5.36415 18.0587 5.37562L18.0668 5.39071L18.0699 5.39662L18.0712 5.39915L18.0718 5.40031L18.0721 5.40086C18.0722 5.40113 18.0723 5.40139 17.6251 5.625L18.0723 5.40139C18.1958 5.64838 18.0957 5.94872 17.8487 6.07221C17.6044 6.19437 17.3079 6.09774 17.182 5.8566Z" fill="url(#paint12_linear_5413_25971)"/>
17
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.82206 6.15088C6.82081 6.14837 6.81953 6.14588 6.81824 6.1434C6.81788 6.14277 6.81769 6.14243 6.81766 6.14239L6.8177 6.14246L6.81907 6.14501L6.82046 6.14771L6.82133 6.14942L6.82181 6.15038L6.82206 6.15088ZM8.93198 6.1434C8.93147 6.14429 8.93061 6.14575 8.92941 6.14774C8.92466 6.15556 8.91468 6.1712 8.89894 6.19219C8.86729 6.23438 8.81386 6.29618 8.73464 6.35957C8.58253 6.48125 8.31615 6.625 7.87511 6.625C7.43407 6.625 7.16769 6.48125 7.01558 6.35957C6.93636 6.29618 6.88292 6.23438 6.85128 6.19219C6.83554 6.1712 6.82556 6.15556 6.82081 6.14774C6.8196 6.14575 6.81875 6.14428 6.81824 6.1434C6.69231 5.90226 6.39581 5.80563 6.1515 5.92779C5.90451 6.05128 5.8044 6.35162 5.9279 6.59861L6.37511 6.375C5.9279 6.59861 5.92803 6.59887 5.92816 6.59914L5.92844 6.59969L5.92902 6.60085L5.93031 6.60338L5.93337 6.60929L5.94149 6.62438C5.94779 6.63585 5.95594 6.6501 5.96603 6.66672C5.98618 6.69991 6.01429 6.74286 6.05128 6.79219C6.12511 6.89062 6.23574 7.01632 6.39089 7.14043C6.70753 7.39375 7.19115 7.625 7.87511 7.625C8.55907 7.625 9.04269 7.39375 9.35933 7.14043C9.51448 7.01632 9.62511 6.89062 9.69894 6.79219C9.73593 6.74286 9.76404 6.69991 9.78419 6.66672C9.79428 6.6501 9.80243 6.63585 9.80873 6.62438L9.81685 6.60929L9.81991 6.60338L9.8212 6.60085L9.82178 6.59969L9.82206 6.59914C9.82219 6.59887 9.82232 6.59861 9.37511 6.375L9.82232 6.59861C9.94582 6.35162 9.84571 6.05128 9.59872 5.92779C9.35441 5.80563 9.05791 5.90226 8.93198 6.1434Z" fill="url(#paint13_linear_5413_25971)"/>
18
+ <defs>
19
+ <radialGradient id="paint0_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.125 6.75) rotate(131.878) scale(29.2115)">
20
+ <stop stop-color="#FFF478"/>
21
+ <stop offset="0.474827" stop-color="#FFB02E"/>
22
+ <stop offset="1" stop-color="#F70A8D"/>
23
+ </radialGradient>
24
+ <radialGradient id="paint1_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 9.375) rotate(101.31) scale(13.3849 17.1435)">
25
+ <stop offset="0.787821" stop-color="#F59639" stop-opacity="0"/>
26
+ <stop offset="0.972509" stop-color="#FF7DCE"/>
27
+ </radialGradient>
28
+ <radialGradient id="paint2_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.5 10.5) rotate(135) scale(30.7591)">
29
+ <stop offset="0.314853" stop-opacity="0"/>
30
+ <stop offset="1"/>
31
+ </radialGradient>
32
+ <radialGradient id="paint3_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12.75) rotate(77.692) scale(21.1102)">
33
+ <stop offset="0.507903" stop-color="#7D6133" stop-opacity="0"/>
34
+ <stop offset="1" stop-color="#715B32"/>
35
+ </radialGradient>
36
+ <radialGradient id="paint4_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.375 12.375) rotate(55.7131) scale(9.98515 7.23774)">
37
+ <stop stop-color="#FFB849"/>
38
+ <stop offset="1" stop-color="#FFB847" stop-opacity="0"/>
39
+ </radialGradient>
40
+ <radialGradient id="paint5_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.375 13.5) rotate(9.86581) scale(8.75446)">
41
+ <stop stop-color="#FFA64B"/>
42
+ <stop offset="0.900412" stop-color="#FFAE46" stop-opacity="0"/>
43
+ </radialGradient>
44
+ <radialGradient id="paint6_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.125 11.25) rotate(43.9708) scale(44.2897)">
45
+ <stop offset="0.185425" stop-opacity="0"/>
46
+ <stop offset="1" stop-opacity="0.4"/>
47
+ </radialGradient>
48
+ <radialGradient id="paint7_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.66667 8.33333) rotate(135) scale(7.30677 3.78174)">
49
+ <stop stop-color="#392108"/>
50
+ <stop offset="1" stop-color="#C87928" stop-opacity="0"/>
51
+ </radialGradient>
52
+ <radialGradient id="paint8_radial_5413_25971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.25 9) rotate(135) scale(6.0988 3.44287)">
53
+ <stop stop-color="#392108"/>
54
+ <stop offset="1" stop-color="#C87928" stop-opacity="0"/>
55
+ </radialGradient>
56
+ <linearGradient id="paint9_linear_5413_25971" x1="16.6154" y1="8.25" x2="15.75" y2="12.75" gradientUnits="userSpaceOnUse">
57
+ <stop stop-color="#553B3E"/>
58
+ <stop offset="1" stop-color="#3D2432"/>
59
+ </linearGradient>
60
+ <linearGradient id="paint10_linear_5413_25971" x1="16.6154" y1="8.25" x2="15.75" y2="12.75" gradientUnits="userSpaceOnUse">
61
+ <stop stop-color="#553B3E"/>
62
+ <stop offset="1" stop-color="#3D2432"/>
63
+ </linearGradient>
64
+ <linearGradient id="paint11_linear_5413_25971" x1="12" y1="15.25" x2="12" y2="16.25" gradientUnits="userSpaceOnUse">
65
+ <stop stop-color="#4F3C43"/>
66
+ <stop offset="1" stop-color="#512756"/>
67
+ </linearGradient>
68
+ <linearGradient id="paint12_linear_5413_25971" x1="16.1251" y1="4.875" x2="16.1251" y2="5.625" gradientUnits="userSpaceOnUse">
69
+ <stop offset="0.0299084" stop-color="#524049"/>
70
+ <stop offset="1" stop-color="#4A2C42"/>
71
+ </linearGradient>
72
+ <linearGradient id="paint13_linear_5413_25971" x1="7.87511" y1="6" x2="7.87511" y2="7.125" gradientUnits="userSpaceOnUse">
73
+ <stop offset="0.0299084" stop-color="#524049"/>
74
+ <stop offset="1" stop-color="#4A2C42"/>
75
+ </linearGradient>
76
+ </defs>
77
+ </svg>
package/dist/icons/custom/emo-neutral.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <g clip-path="url(#clip0_5413_25972)">
3
+ <path d="M15.3056 6.204C15.13 6.31474 15.0186 6.45429 14.942 6.57544C14.8313 6.75048 14.5996 6.80264 14.4246 6.69193C14.2496 6.58123 14.1974 6.3496 14.3081 6.17456C14.4224 5.99393 14.6061 5.75848 14.9055 5.56966C15.2074 5.37922 15.6051 5.25 16.125 5.25C16.6495 5.25 17.0451 5.38737 17.3439 5.5807C17.6382 5.77112 17.8183 6.00319 17.9283 6.15441C18.0501 6.32189 18.0131 6.55643 17.8456 6.67826C17.6782 6.80009 17.4436 6.76307 17.3218 6.59559C17.2292 6.46826 17.1141 6.32533 16.9364 6.21039C16.7633 6.09835 16.5101 6 16.125 6C15.7355 6 15.4786 6.09489 15.3056 6.204Z" fill="#363636"/>
4
+ <path d="M8.25 12.75C9.49264 12.75 10.5 11.7426 10.5 10.5C10.5 9.25736 9.49264 8.25 8.25 8.25C7.00736 8.25 6 9.25736 6 10.5C6 11.7426 7.00736 12.75 8.25 12.75Z" fill="#363636"/>
5
+ <path d="M15.75 12.75C16.9926 12.75 18 11.7426 18 10.5C18 9.25736 16.9926 8.25 15.75 8.25C14.5074 8.25 13.5 9.25736 13.5 10.5C13.5 11.7426 14.5074 12.75 15.75 12.75Z" fill="#363636"/>
6
+ <path d="M6.69198 6.1746C6.76861 6.29576 6.88005 6.43531 7.0556 6.54604C7.22858 6.65516 7.48547 6.75005 7.87505 6.75005C8.26013 6.75005 8.51328 6.6517 8.68644 6.53966C8.86409 6.42472 8.97917 6.28179 9.07179 6.15445C9.19362 5.98697 9.42815 5.94996 9.59564 6.07179C9.76312 6.19362 9.80013 6.42815 9.6783 6.59564C9.56831 6.74686 9.38817 6.97892 9.09386 7.16935C8.79507 7.36267 8.39954 7.50005 7.87505 7.50005C7.35506 7.50005 6.95738 7.37083 6.65547 7.18039C6.35612 6.99157 6.17235 6.75612 6.05811 6.57549C5.94741 6.40045 5.99957 6.16881 6.17461 6.05811C6.34964 5.94741 6.58128 5.99956 6.69198 6.1746Z" fill="#363636"/>
7
+ <path d="M9 15.75C9 15.3358 9.33579 15 9.75 15H14.25C14.6642 15 15 15.3358 15 15.75C15 16.1642 14.6642 16.5 14.25 16.5H9.75C9.33579 16.5 9 16.1642 9 15.75Z" fill="#363636"/>
8
+ <path d="M11.9992 0.75C8.3214 0.75 5.48475 1.99064 3.57257 4.06707C1.6697 6.13339 0.75 8.95333 0.75 11.9992C0.75 15.045 1.6697 17.8649 3.57257 19.9313C5.48475 22.0077 8.3214 23.2483 11.9992 23.2483C15.6769 23.2483 18.5136 22.0077 20.4258 19.9313C22.3286 17.8649 23.2483 15.045 23.2483 11.9992C23.2483 8.95333 22.3286 6.13339 20.4258 4.06707C18.5136 1.99064 15.6769 0.75 11.9992 0.75ZM2.25 11.9992C2.25 9.24647 3.07946 6.81683 4.67597 5.08319C6.26316 3.35967 8.67609 2.25 11.9992 2.25C15.3222 2.25 17.7352 3.35967 19.3224 5.08319C20.9189 6.81683 21.7483 9.24647 21.7483 11.9992C21.7483 14.7519 20.9189 17.1815 19.3224 18.9151C17.7352 20.6387 15.3222 21.7483 11.9992 21.7483C8.67609 21.7483 6.26316 20.6387 4.67597 18.9151C3.07946 17.1815 2.25 14.7519 2.25 11.9992Z" fill="#363636"/>
9
+ </g>
10
+ <defs>
11
+ <clipPath id="clip0_5413_25972">
12
+ <rect width="24" height="24" fill="white"/>
13
+ </clipPath>
14
+ </defs>
15
+ </svg>
package/dist/index.d.ts CHANGED
@@ -43,3 +43,4 @@ export * from "./patterns/Dropdown";
43
43
  export * from "./patterns/SegmentedControl";
44
44
  export * from "./patterns/LexicalEditor";
45
45
  export * from "./patterns/Accordion";
46
+ export * from "./patterns/ToggleButtonGroup";
package/dist/index.js CHANGED
@@ -43,3 +43,4 @@ export * from "./patterns/Dropdown";
43
43
  export * from "./patterns/SegmentedControl";
44
44
  export * from "./patterns/LexicalEditor";
45
45
  export * from "./patterns/Accordion";
46
+ export * from "./patterns/ToggleButtonGroup";
package/dist/patterns/ToggleButtonGroup/ToggleButton.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { ToggleButtonDatum } from "./ToggleButtonGroup";
2
+ /** 하나의 ToggleButton을 그립니다. */
3
+ export declare function ToggleButton(props: {
4
+ datum: ToggleButtonDatum;
5
+ /** tooltip의 placement */
6
+ placement: "bottom-start" | "bottom" | "bottom-end";
7
+ isActive: boolean;
8
+ onClick: () => void;
9
+ }): import("react/jsx-runtime").JSX.Element;
package/dist/patterns/ToggleButtonGroup/ToggleButton.js ADDED
@@ -0,0 +1,54 @@
1
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
+ import styled from "@emotion/styled";
3
+ import { HOVER, Tooltip } from "../..";
4
+ import { css } from "@emotion/react";
5
+ import { toggleButtonGroupClasses, } from "./ToggleButtonGroup";
6
+ /** 하나의 ToggleButton을 그립니다. */
7
+ export function ToggleButton(props) {
8
+ const { datum, placement, isActive, onClick } = props;
9
+ const { label, onIcon, offIcon } = datum;
10
+ if (isActive) {
11
+ return (_jsxs(Active, Object.assign({ className: toggleButtonGroupClasses.toggleButton.active, onClick: onClick }, { children: [onIcon, label] })));
12
+ }
13
+ return (_jsx(Tooltip, Object.assign({ placement: placement, text: label }, { children: _jsx(Inactive, Object.assign({ className: toggleButtonGroupClasses.toggleButton.inactive, onClick: onClick }, { children: offIcon })) })));
14
+ }
15
+ const Active = styled.div(({ theme }) => css `
16
+ cursor: pointer;
17
+ display: flex;
18
+ padding: 8px 12px;
19
+ justify-content: center;
20
+ align-items: center;
21
+ gap: 8px;
22
+
23
+ border-radius: 99px;
24
+ background: ${theme.color.blanket.neutralLight};
25
+
26
+ color: ${theme.color.foreground.neutralBase};
27
+ font-family: ${theme.fontFamily.ui};
28
+ font-size: 16px;
29
+ font-style: normal;
30
+ font-weight: 700;
31
+ line-height: 20px; /* 125% */
32
+
33
+ svg {
34
+ width: 24px;
35
+ height: 24px;
36
+ }
37
+ `);
38
+ const Inactive = styled.div `
39
+ cursor: pointer;
40
+ display: flex;
41
+ padding: 8px 12px;
42
+ justify-content: center;
43
+ align-items: center;
44
+
45
+ opacity: 0.6;
46
+ ${HOVER(css `
47
+ opacity: 1;
48
+ `)}
49
+
50
+ svg {
51
+ width: 24px;
52
+ height: 24px;
53
+ }
54
+ `;
package/dist/patterns/ToggleButtonGroup/ToggleButtonGroup.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ /// <reference types="react" />
2
+ export declare const toggleButtonGroupClasses: {
3
+ readonly container: "ToggleButtonGroup-container";
4
+ readonly toggleButton: {
5
+ readonly active: "ToggleButtonGroup-ToggleButton-active";
6
+ readonly inactive: "ToggleButtonGroup-ToggleButton-inactive";
7
+ };
8
+ };
9
+ export interface ToggleButtonDatum {
10
+ /** ToggleButton의 레이블. 호버시 툴팁 또는 활성화시 나타납니다. */
11
+ label: React.ReactNode;
12
+ /** on 일때의 아이콘. 내부에서 사이즈가 24x24로 조정됩니다. */
13
+ onIcon: React.ReactNode;
14
+ /** off 일때의 아이콘. 내부에서 사이즈가 24x24로 조정됩니다.*/
15
+ offIcon: React.ReactNode;
16
+ }
17
+ /** n개의 toggleButton이 모여있는 형태를 나타내는 컴포넌트입니다.
18
+ * 동작은 SegmentedControl과 비슷합니다.
19
+ * 렉시컬 블록으로 활용하기 위해 선택된 버튼의 인덱스 상태를 외부에서 관리합니다.
20
+ */
21
+ export declare function ToggleButtonGroup(props: {
22
+ className?: string;
23
+ /** ToggleButton의 데이터 배열 */
24
+ data: ToggleButtonDatum[];
25
+ /** 활성화될 ToggleButton의 index */
26
+ activeIndex: number | null;
27
+ /** activeIndex set 함수 */
28
+ setActiveIndex: (index: number | null) => void;
29
+ }): import("react/jsx-runtime").JSX.Element;
package/dist/patterns/ToggleButtonGroup/ToggleButtonGroup.js ADDED
@@ -0,0 +1,42 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import styled from "@emotion/styled";
3
+ import { ToggleButton } from "./ToggleButton";
4
+ export const toggleButtonGroupClasses = {
5
+ container: "ToggleButtonGroup-container",
6
+ toggleButton: {
7
+ active: "ToggleButtonGroup-ToggleButton-active",
8
+ inactive: "ToggleButtonGroup-ToggleButton-inactive",
9
+ },
10
+ };
11
+ /** n개의 toggleButton이 모여있는 형태를 나타내는 컴포넌트입니다.
12
+ * 동작은 SegmentedControl과 비슷합니다.
13
+ * 렉시컬 블록으로 활용하기 위해 선택된 버튼의 인덱스 상태를 외부에서 관리합니다.
14
+ */
15
+ export function ToggleButtonGroup(props) {
16
+ const { className, data, activeIndex, setActiveIndex } = props;
17
+ return (_jsx(Container, Object.assign({ className: `${className} ${toggleButtonGroupClasses.container}` }, { children: data.map((datum, index) => {
18
+ const isFirst = index === 0;
19
+ const isLast = index === data.length - 1;
20
+ const isFirstAndLast = isFirst && isLast;
21
+ const isActive = activeIndex === index;
22
+ return (_jsx(ToggleButton, { isActive: isActive, onClick: () => {
23
+ setActiveIndex(isActive ? null : index);
24
+ }, datum: datum, placement: isFirstAndLast
25
+ ? "bottom"
26
+ : isFirst
27
+ ? "bottom-start"
28
+ : isLast
29
+ ? "bottom-end"
30
+ : "bottom" }, index));
31
+ }) })));
32
+ }
33
+ const Container = styled.div `
34
+ display: flex;
35
+ padding: 4px;
36
+ justify-content: space-between;
37
+ align-items: center;
38
+ flex: 1 0 0;
39
+
40
+ border-radius: 24px;
41
+ background: linear-gradient(90deg, #eff7ed 0%, #faefe3 100%);
42
+ `;
package/dist/patterns/ToggleButtonGroup/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./ToggleButtonGroup";
package/dist/patterns/ToggleButtonGroup/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from "./ToggleButtonGroup";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@team-monolith/cds",
3
- "version": "1.56.0",
3
+ "version": "1.56.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": false,