pds-dev-kit-web-test 0.2.54 → 0.3.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.
Files changed (124) hide show
  1. package/dist/src/common/assets/icons/fill/BellOff.d.ts +4 -0
  2. package/dist/src/common/assets/icons/fill/BellOff.js +30 -0
  3. package/dist/src/common/assets/icons/fill/VideocallPro.js +1 -1
  4. package/dist/src/common/assets/icons/fill/Vodplus.js +1 -1
  5. package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
  6. package/dist/src/common/assets/icons/fill/index.js +2 -0
  7. package/dist/src/common/assets/icons/line/BellOff.d.ts +4 -0
  8. package/dist/src/common/assets/icons/line/BellOff.js +30 -0
  9. package/dist/src/common/assets/icons/line/ChatRoom11.d.ts +4 -0
  10. package/dist/src/common/assets/icons/line/ChatRoom11.js +30 -0
  11. package/dist/src/common/assets/icons/line/ChatRoomFree.d.ts +4 -0
  12. package/dist/src/common/assets/icons/line/ChatRoomFree.js +30 -0
  13. package/dist/src/common/assets/icons/line/ChatRoomGroup.d.ts +4 -0
  14. package/dist/src/common/assets/icons/line/ChatRoomGroup.js +30 -0
  15. package/dist/src/common/assets/icons/line/ChatRoomPaid.d.ts +4 -0
  16. package/dist/src/common/assets/icons/line/ChatRoomPaid.js +30 -0
  17. package/dist/src/common/assets/icons/line/DesignPreference.js +1 -1
  18. package/dist/src/common/assets/icons/line/PappType.js +1 -1
  19. package/dist/src/common/assets/icons/line/PaymentRegularly.js +1 -1
  20. package/dist/src/common/assets/icons/line/PostVote.js +1 -1
  21. package/dist/src/common/assets/icons/line/Target.js +1 -1
  22. package/dist/src/common/assets/icons/line/TypefaceDisplay20.d.ts +4 -0
  23. package/dist/src/common/assets/icons/line/TypefaceDisplay20.js +30 -0
  24. package/dist/src/common/assets/icons/line/TypefaceHand20.d.ts +4 -0
  25. package/dist/src/common/assets/icons/line/TypefaceHand20.js +30 -0
  26. package/dist/src/common/assets/icons/line/TypefaceMonospace20.d.ts +4 -0
  27. package/dist/src/common/assets/icons/line/TypefaceMonospace20.js +30 -0
  28. package/dist/src/common/assets/icons/line/TypefaceSansSerif20.d.ts +4 -0
  29. package/dist/src/common/assets/icons/line/TypefaceSansSerif20.js +30 -0
  30. package/dist/src/common/assets/icons/line/TypefaceSerif20.d.ts +4 -0
  31. package/dist/src/common/assets/icons/line/TypefaceSerif20.js +30 -0
  32. package/dist/src/common/assets/icons/line/index.d.ts +10 -0
  33. package/dist/src/common/assets/icons/line/index.js +20 -0
  34. package/dist/src/common/hooks/index.d.ts +1 -0
  35. package/dist/src/common/hooks/index.js +3 -1
  36. package/dist/src/common/hooks/useAbsolutePositioner.d.ts +13 -0
  37. package/dist/src/common/hooks/useAbsolutePositioner.js +54 -0
  38. package/dist/src/common/hooks/useTooltip.d.ts +17 -0
  39. package/dist/src/common/hooks/useTooltip.js +76 -0
  40. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +2 -1
  41. package/dist/src/common/styles/colorSet/PaletteColor_light.json +2 -1
  42. package/dist/src/common/styles/colorSet/UIColor.json +2 -1
  43. package/dist/src/common/styles/colorSet/index.d.ts +963 -960
  44. package/dist/src/common/styles/colorSet/index.js +5 -5
  45. package/dist/src/common/styles/colorSet/ui-type.d.ts +1 -0
  46. package/dist/src/common/styles/systemUI/index.d.ts +1 -0
  47. package/dist/src/common/styles/systemUI/index.js +5 -0
  48. package/dist/src/common/styles/systemUI/tooltipStyle.d.ts +1 -0
  49. package/dist/src/common/styles/systemUI/tooltipStyle.js +28 -0
  50. package/dist/src/common/types/components.d.ts +3 -2
  51. package/dist/src/common/types/systemUI.d.ts +13 -0
  52. package/dist/src/common/types/systemUI.js +2 -0
  53. package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.d.ts +13 -0
  54. package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.js +20 -0
  55. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.d.ts +17 -0
  56. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +71 -0
  57. package/dist/src/common/utils/SystemUIPositionGenerator/index.d.ts +1 -0
  58. package/dist/src/common/utils/SystemUIPositionGenerator/index.js +8 -0
  59. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +54 -42
  60. package/dist/src/desktop/components/BasicButtonGroup/constants.d.ts +0 -6
  61. package/dist/src/desktop/components/BasicButtonGroup/constants.js +1 -8
  62. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.d.ts +2 -4
  63. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.js +14 -5
  64. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -3
  65. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js +41 -45
  66. package/dist/src/desktop/components/ContextMenu/ContextMenu.js +1 -1
  67. package/dist/src/desktop/components/Dropdown/Dropdown.js +48 -9
  68. package/dist/src/desktop/components/IconButton/IconButton.d.ts +3 -1
  69. package/dist/src/desktop/components/IconButton/IconButton.js +48 -44
  70. package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.js +54 -42
  71. package/dist/src/desktop/components/SegmentedButtonGroup/constants.d.ts +0 -6
  72. package/dist/src/desktop/components/SegmentedButtonGroup/constants.js +1 -8
  73. package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +3 -1
  74. package/dist/src/desktop/components/TextLabel/TextLabel.js +33 -63
  75. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts +3 -1
  76. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +49 -45
  77. package/dist/src/desktop/components/UploadIconButton/constants.d.ts +7 -0
  78. package/dist/src/desktop/components/UploadIconButton/constants.js +10 -0
  79. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts +1 -1
  80. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js +2 -1
  81. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTW.d.ts +18 -0
  82. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTW.js +112 -0
  83. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.d.ts +1 -0
  84. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/index.js +3 -1
  85. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts +1 -1
  86. package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js +8 -4
  87. package/dist/src/hybrid/components/Icon/Icon.js +2 -1
  88. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.d.ts +2 -4
  89. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.js +14 -5
  90. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -3
  91. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js +41 -45
  92. package/dist/src/mobile/components/ContextMenu/ContextMenu.js +1 -1
  93. package/dist/src/mobile/components/Dropdown/Dropdown.js +48 -9
  94. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/VideocallPro.js +1 -1
  95. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/fill/Vodplus.js +1 -1
  96. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/DesignPreference.js +1 -1
  97. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PappType.js +1 -1
  98. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PaymentRegularly.js +1 -1
  99. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/PostVote.js +1 -1
  100. package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +1 -1
  101. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +4 -0
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +19 -1
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +1 -1
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -2
  105. package/dist/src/sub/GoogleFontkit/headless/GoogleFontItem.js +0 -6
  106. package/dist/src/sub/GoogleFontkit/headless/GoogleFontsList.js +17 -37
  107. package/dist/src/sub/GoogleFontkit/types.d.ts +1 -1
  108. package/dist/src/sub/GoogleFontkit/utils/applyActiveFont.d.ts +0 -3
  109. package/dist/src/sub/GoogleFontkit/utils/applyActiveFont.js +0 -3
  110. package/dist/src/sub/GoogleFontkit/utils/createStyleSheet.d.ts +0 -3
  111. package/dist/src/sub/GoogleFontkit/utils/createStyleSheet.js +0 -3
  112. package/dist/src/sub/GoogleFontkit/utils/extractFontStyles.js +0 -4
  113. package/dist/src/sub/GoogleFontkit/utils/fillStyleSheet.d.ts +0 -3
  114. package/dist/src/sub/GoogleFontkit/utils/fillStyleSheet.js +0 -4
  115. package/dist/src/sub/GoogleFontkit/utils/getActiveFontStylesheet.d.ts +0 -3
  116. package/dist/src/sub/GoogleFontkit/utils/getActiveFontStylesheet.js +0 -3
  117. package/dist/src/sub/GoogleFontkit/utils/getFontId.d.ts +0 -3
  118. package/dist/src/sub/GoogleFontkit/utils/getFontId.js +0 -3
  119. package/dist/src/sub/GoogleFontkit/utils/isStyleSheetExists.d.ts +0 -3
  120. package/dist/src/sub/GoogleFontkit/utils/isStyleSheetExists.js +0 -3
  121. package/dist/src/sub/GoogleFontkit/utils/setStyleSheetType.d.ts +0 -3
  122. package/dist/src/sub/GoogleFontkit/utils/setStyleSheetType.js +0 -3
  123. package/package.json +1 -1
  124. package/release-note.md +3 -3
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var TypefaceSansSerif20 = function (_a) {
27
+ var color = _a.color, rest = __rest(_a, ["color"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "74", height: "20", viewBox: "0 0 74 20" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M5.1401,5.6187 C3.6461,5.6187 2.6731,6.3967 2.6651,7.4707 C2.6731,8.6537 3.9881,9.0977 4.8441,9.3077 L5.9651,9.6187 C7.1711,9.9297 9.1561,10.6227 9.1561,12.7317 C9.1561,14.5677 7.6771,15.9927 5.0621,15.9997 C2.6341,15.9927 1.1321,14.7397 1.0001,12.8717 L2.4321,12.8717 C2.5491,14.1327 3.7241,14.7317 5.0621,14.7237 C6.6191,14.7317 7.7861,13.9297 7.7861,12.7007 C7.7861,11.6027 6.7431,11.1827 5.5601,10.8487 L4.1751,10.4747 C2.4081,9.9607 1.3031,9.0587 1.3111,7.5327 C1.3031,5.6267 3.0001,4.3737 5.1871,4.3737 C7.3731,4.3737 8.9451,5.6497 9.0001,7.3617 L7.6301,7.3617 C7.5141,6.2567 6.4861,5.6187 5.1401,5.6187 M13.6997,14.8016 C15.2097,14.8096 16.0497,13.7976 16.0497,12.7316 L16.0497,11.8836 C15.6527,11.9066 14.3227,12.0076 13.9177,12.0316 C12.7037,12.1086 11.9327,12.5366 11.9257,13.4626 C11.9327,14.3576 12.6727,14.8096 13.6997,14.8016 M13.7617,10.9106 C14.3067,10.8716 15.6687,10.7936 16.0497,10.7856 L16.0497,10.1016 C16.0497,9.0276 15.4117,8.4046 14.1357,8.4046 C13.0697,8.4046 12.4237,8.8946 12.2367,9.5406 L10.8357,9.5406 C11.0067,8.1786 12.3297,7.2376 14.1977,7.2376 C15.3027,7.2376 17.3807,7.5646 17.372723,10.2256 L17.372723,15.7976 L16.0497,15.7976 L16.0497,14.6456 L15.9877,14.6456 C15.7077,15.2136 14.9367,15.9926 13.4667,15.9996 C11.8627,15.9926 10.5867,15.0506 10.5867,13.4006 C10.5867,11.4626 12.2987,11.0196 13.7617,10.9106 M20.8593,15.7977 L19.5203,15.7977 L19.5203,7.3467 L20.8123,7.3467 L20.8123,8.6697 L20.9213,8.6697 C21.3183,7.8057 22.1123,7.2377 23.3963,7.2377 C25.1083,7.2377 26.2523,8.2797 26.2443417,10.4277 L26.2443417,15.7977 L24.9063,15.7977 L24.9063,10.5217 C24.9063,9.2137 24.1903,8.4357 22.9913,8.4357 C21.7623,8.4357 20.8593,9.2607 20.8593,10.7237 L20.8593,15.7977 Z M31.3807,8.3735 C30.3377,8.3815 29.5987,8.9415 29.5907,9.6495 C29.5987,10.2105 30.0497,10.5915 31.0387,10.8325 L32.2987,11.1435 C33.8087,11.5015 34.5477,12.2565 34.5557,13.4315 C34.5477,14.8945 33.3577,15.9765 31.2407,15.9685561 C29.3417,15.9765 28.2137,15.1285 27.9877,13.5875 L29.3887,13.5875 C29.5437,14.4125 30.1437,14.8095 31.2097,14.8015 C32.4157,14.8095 33.1707,14.3035 33.1707,13.5095 C33.1707,12.9105 32.7427,12.5215 31.7857,12.2955 L30.5087,11.9995 C29.0387,11.6575 28.2527,10.8555 28.2527,9.7275 C28.2527,8.2805 29.5207,7.2375 31.3807,7.2375 C33.1317,7.2375 34.2287,8.1715 34.3997,9.5405 L33.0927,9.5405 C32.9057,8.8405 32.3687,8.3815 31.3807,8.3735 M36.205,11.595 L41.139,11.595 L41.139,10.365 L36.205,10.365 L36.205,11.595 Z M46.1822,8.3735 C45.1392,8.3815 44.4002,8.9415 44.3922,9.6495 C44.4002,10.2105 44.8512,10.5915 45.8402,10.8325 L47.1002,11.1435 C48.6102,11.5015 49.3492,12.2565 49.3572,13.4315 C49.3492,14.8945 48.1592,15.9765 46.0422,15.9685561 C44.1432,15.9765 43.0152,15.1285 42.7892,13.5875 L44.1902,13.5875 C44.3452,14.4125 44.9452,14.8095 46.0112,14.8015 C47.2172,14.8095 47.9722,14.3035 47.9722,13.5095 C47.9722,12.9105 47.5442,12.5215 46.5872,12.2955 L45.3102,11.9995 C43.8402,11.6575 43.0542,10.8555 43.0542,9.7275 C43.0542,8.2805 44.3222,7.2375 46.1822,7.2375 C47.9332,7.2375 49.0302,8.1715 49.2012,9.5405 L47.8942,9.5405 C47.7072,8.8405 47.1702,8.3815 46.1822,8.3735 M56.8126,10.8794 C56.8046,9.4704 55.9176,8.4204 54.5246,8.4204 C53.0616,8.4204 52.1356,9.5724 52.0426,10.8794 L56.8126,10.8794 Z M50.6956,11.6424 C50.6956,9.0424 52.2286,7.2374 54.5246,7.2374 C56.2986,7.2374 58.1746,8.3264 58.1666255,11.4554 L58.1666255,12.0154 L52.0346,12.0154 C52.1046,13.8054 53.1476,14.7864 54.6496,14.7864 C55.6606,14.7864 56.2986,14.3424 56.6106,13.8214 L58.0426,13.8214 C57.6456,15.1054 56.3926,15.9764 54.6496,15.9684547 C52.2056,15.9764 50.6956,14.2334 50.6956,11.6424 L50.6956,11.6424 Z M59.9099,7.3463 L61.2019,7.3463 L61.2019,8.6383 L61.2949,8.6383 C61.5989,7.7823 62.4779,7.2143 63.4739,7.2063 C63.6769,7.2143 64.0189,7.2213 64.1749,7.2373 L64.1749,8.5913 C64.0729,8.5683 63.7149,8.4983 63.3649,8.4983 C62.1509,8.4983 61.2489,9.3383 61.2489,10.4743 L61.2489,15.7973 L59.9099,15.7973 L59.9099,7.3463 Z M65.482,15.797 L66.821,15.797 L66.821,7.346 L65.482,7.346 L65.482,15.797 Z M66.151,4.171 C66.665,4.163 67.093,4.56 67.101,5.058 C67.093,5.549 66.665,5.946 66.151,5.946 C65.637,5.946 65.209,5.549 65.217,5.058 C65.209,4.56 65.637,4.163 66.151,4.171 L66.151,4.171 Z M72.7348,8.4669 L70.8668,8.4669 L70.8668,15.7979 L69.5128,15.7979 L69.5128,8.4669 L68.1588,8.4669 L68.1588,7.3459 L69.5128,7.3459 L69.5128,6.1949 C69.5208,4.8249 70.4318,3.9999 71.9258,3.9999 C72.2528,3.9999 72.6418,4.0389 72.9218,4.0929 L72.9218,5.2919 C72.6338,5.2449 72.3928,5.2299 72.2208,5.2299 C71.2798,5.2299 70.8598,5.6189 70.8668,6.4899 L70.8668,7.3459 L72.7348,7.3459 L72.7348,8.4669 Z" }) })));
29
+ };
30
+ exports.default = TypefaceSansSerif20;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type IconType from '../IconType';
3
+ declare const TypefaceSerif20: ({ color, ...rest }: IconType) => JSX.Element;
4
+ export default TypefaceSerif20;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ var jsx_runtime_1 = require("react/jsx-runtime");
26
+ var TypefaceSerif20 = function (_a) {
27
+ var color = _a.color, rest = __rest(_a, ["color"]);
28
+ return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "35", height: "20", viewBox: "0 0 35 20" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.6979,4.2891 L7.6979,8.1621 L7.3919,8.1621 C7.2929,7.4191 7.1159,6.8271 6.8599,6.3871 C6.6039,5.9461 6.2389,5.5971 5.7649,5.3381 C5.2919,5.0791 4.8019,4.9501 4.2949,4.9501 C3.7229,4.9501 3.2489,5.1251 2.8749,5.4741 C2.4999,5.8241 2.3129,6.2221 2.3129,6.6681 C2.3129,7.0091 2.4319,7.3201 2.6679,7.6011 C3.0099,8.0141 3.8219,8.5641 5.1049,9.2531 C6.1509,9.8141 6.8649,10.2451 7.2479,10.5451 C7.6309,10.8451 7.9249,11.1991 8.1319,11.6061 C8.3379,12.0141 8.4409,12.4401 8.4409,12.8861 C8.4409,13.7341 8.1119,14.4651 7.4539,15.0791 C6.7959,15.6931 5.9499,16.0001 4.9149,16.0001 C4.5899,16.0001 4.2839,15.9751 3.9979,15.9261 C3.8269,15.8981 3.4739,15.7981 2.9369,15.6241 C2.3999,15.4511 2.0599,15.3641 1.9169,15.3641 C1.7789,15.3641 1.6699,15.4051 1.5909,15.4881 C1.5109,15.5701 1.4519,15.7411 1.4129,16.0001 L1.1079,16.0001 L1.1079,12.1601 L1.4129,12.1601 C1.5559,12.9631 1.7489,13.5651 1.9909,13.9641 C2.2329,14.3631 2.6039,14.6951 3.1019,14.9591 C3.5999,15.2241 4.1469,15.3561 4.7409,15.3561 C5.4299,15.3561 5.9729,15.1741 6.3719,14.8111 C6.7719,14.4471 6.9709,14.0181 6.9709,13.5221 C6.9709,13.2471 6.8959,12.9691 6.7439,12.6881 C6.5929,12.4071 6.3569,12.1461 6.0379,11.9041 C5.8229,11.7381 5.2369,11.3871 4.2789,10.8511 C3.3209,10.3141 2.6399,9.8861 2.2349,9.5661 C1.8299,9.2471 1.5229,8.8951 1.3139,8.5091 C1.1049,8.1241 0.9999,7.7001 0.9999,7.2371 C0.9999,6.4341 1.3079,5.7411 1.9249,5.1601 C2.5419,4.5791 3.3259,4.2891 4.2789,4.2891 C4.8739,4.2891 5.5039,4.4351 6.1699,4.7271 C6.4779,4.8641 6.6959,4.9331 6.8229,4.9331 C6.9659,4.9331 7.0829,4.8911 7.1739,4.8051 C7.2639,4.7201 7.3369,4.5481 7.3919,4.2891 L7.6979,4.2891 Z M11.1494,10.5492 L14.6514,10.5492 C14.6234,10.0642 14.5654,9.7232 14.4774,9.5252 C14.3404,9.2172 14.1364,8.9742 13.8634,8.7982 C13.5914,8.6222 13.3054,8.5342 13.0074,8.5342 C12.5504,8.5342 12.1434,8.7112 11.7824,9.0672 C11.4224,9.4222 11.2104,9.9162 11.1494,10.5492 L11.1494,10.5492 Z M11.1494,11.0282 C11.1434,12.1512 11.4164,13.0322 11.9674,13.6712 C12.5174,14.3092 13.1644,14.6292 13.9074,14.6292 C14.4034,14.6292 14.8354,14.4932 15.2014,14.2202 C15.5674,13.9472 15.8734,13.4812 16.1214,12.8202 L16.3774,12.9852 C16.2614,13.7402 15.9254,14.4262 15.3694,15.0462 C14.8134,15.6652 14.1174,15.9752 13.2804,15.9752 C12.3714,15.9752 11.5954,15.6212 10.9484,14.9142 C10.3004,14.2062 9.9774,13.2552 9.9774,12.0602 C9.9774,10.7662 10.3094,9.7582 10.9734,9.0342 C11.6364,8.3092 12.4684,7.9472 13.4704,7.9472 C14.3184,7.9472 15.0144,8.2272 15.5594,8.7862 C16.1044,9.3452 16.3774,10.0922 16.3774,11.0282 L11.1494,11.0282 Z M19.5981,7.9559 L19.5981,9.6569 C20.2311,8.5229 20.8811,7.9559 21.5471,7.9559 C21.8501,7.9559 22.1001,8.0479 22.2991,8.2329 C22.4971,8.4169 22.5961,8.6299 22.5961,8.8729 C22.5961,9.0869 22.5241,9.2689 22.3811,9.4179 C22.2381,9.5659 22.0671,9.6409 21.8691,9.6409 C21.6761,9.6409 21.4601,9.5459 21.2211,9.3559 C20.9811,9.1659 20.8041,9.0709 20.6881,9.0709 C20.5891,9.0709 20.4821,9.1259 20.3661,9.2359 C20.1181,9.4619 19.8621,9.8339 19.5981,10.3509 L19.5981,13.9769 C19.5981,14.3949 19.6501,14.7119 19.7551,14.9259 C19.8271,15.0749 19.9531,15.1989 20.1351,15.2979 C20.3171,15.3969 20.5781,15.4469 20.9191,15.4469 L20.9191,15.7439 L17.0461,15.7439 L17.0461,15.4469 C17.4311,15.4469 17.7181,15.3859 17.9051,15.2649 C18.0431,15.1769 18.1391,15.0369 18.1941,14.8439 C18.2221,14.7499 18.2351,14.4829 18.2351,14.0429 L18.2351,11.1109 C18.2351,10.2299 18.2171,9.7049 18.1821,9.5379 C18.1461,9.3699 18.0801,9.2469 17.9831,9.1699 C17.8871,9.0929 17.7671,9.0539 17.6241,9.0539 C17.4531,9.0539 17.2611,9.0959 17.0461,9.1779 L16.9631,8.8809 L19.2511,7.9559 L19.5981,7.9559 Z M24.9415,4 C25.1725,4 25.3695,4.081 25.5315,4.244 C25.6945,4.406 25.7755,4.603 25.7755,4.834 C25.7755,5.065 25.6945,5.264 25.5315,5.429 C25.3695,5.594 25.1725,5.677 24.9415,5.677 C24.7105,5.677 24.5125,5.594 24.3465,5.429 C24.1815,5.264 24.0995,5.065 24.0995,4.834 C24.0995,4.603 24.1805,4.406 24.3425,4.244 C24.5055,4.081 24.7045,4 24.9415,4 L24.9415,4 Z M25.6265,7.956 L25.6265,14.034 C25.6265,14.508 25.6615,14.823 25.7305,14.98 C25.7995,15.137 25.9005,15.254 26.0355,15.331 C26.1705,15.408 26.4175,15.447 26.7745,15.447 L26.7745,15.744 L23.0995,15.744 L23.0995,15.447 C23.4685,15.447 23.7165,15.411 23.8435,15.339 C23.9695,15.268 24.0705,15.149 24.1445,14.984 C24.2185,14.819 24.2565,14.502 24.2565,14.034 L24.2565,11.119 C24.2565,10.299 24.2315,9.767 24.1815,9.525 C24.1435,9.349 24.0825,9.226 24.0005,9.158 C23.9175,9.089 23.8045,9.054 23.6615,9.054 C23.5075,9.054 23.3205,9.096 23.0995,9.178 L22.9845,8.881 L25.2635,7.956 L25.6265,7.956 Z M30.6731,8.7736 L30.6731,13.7456 C30.6731,14.4506 30.7501,14.8956 30.9041,15.0836 C31.1081,15.3256 31.3811,15.4466 31.7221,15.4466 L32.4071,15.4466 L32.4071,15.7436 L27.8901,15.7436 L27.8901,15.4466 L28.2281,15.4466 C28.4491,15.4466 28.6501,15.3916 28.8311,15.2816 C29.0131,15.1716 29.1381,15.0226 29.2071,14.8356 C29.2761,14.6486 29.3101,14.2846 29.3101,13.7456 L29.3101,8.7736 L27.8401,8.7736 L27.8401,8.1786 L29.3101,8.1786 L29.3101,7.6836 C29.3101,6.9296 29.4311,6.2906 29.6741,5.7676 C29.9161,5.2446 30.2861,4.8216 30.7841,4.4996 C31.2831,4.1776 31.8431,4.0166 32.4651,4.0166 C33.0431,4.0166 33.5751,4.2036 34.0591,4.5786 C34.3781,4.8256 34.5381,5.1036 34.5381,5.4126 C34.5381,5.5776 34.4671,5.7326 34.3231,5.8786 C34.1801,6.0246 34.0261,6.0976 33.8611,6.0976 C33.7341,6.0976 33.6011,6.0526 33.4601,5.9616 C33.3201,5.8706 33.1481,5.6756 32.9441,5.3756 C32.7401,5.0746 32.5531,4.8726 32.3831,4.7676 C32.2121,4.6636 32.0221,4.6116 31.8131,4.6116 C31.5591,4.6116 31.3451,4.6786 31.1691,4.8136 C30.9921,4.9486 30.8661,5.1576 30.7891,5.4416 C30.7121,5.7246 30.6731,6.4556 30.6731,7.6336 L30.6731,8.1786 L32.6221,8.1786 L32.6221,8.7736 L30.6731,8.7736 Z" }) })));
29
+ };
30
+ exports.default = TypefaceSerif20;
@@ -24,6 +24,7 @@ declare const lineIcons: {
24
24
  readonly ic_audio: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
25
25
  readonly ic_bell: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
26
26
  readonly ic_bell_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
27
+ readonly ic_bell_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
27
28
  readonly ic_block_user: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
28
29
  readonly ic_booking: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
29
30
  readonly ic_booking_completed: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -47,6 +48,10 @@ declare const lineIcons: {
47
48
  readonly ic_chat_crm: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
48
49
  readonly ic_chat_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
49
50
  readonly ic_chat_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
51
+ readonly ic_chat_room_1_1: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
52
+ readonly ic_chat_room_free: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
53
+ readonly ic_chat_room_group: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
54
+ readonly ic_chat_room_paid: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
50
55
  readonly ic_check: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
51
56
  readonly ic_checkbox_off: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
52
57
  readonly ic_clip: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -230,6 +235,11 @@ declare const lineIcons: {
230
235
  readonly ic_toggle_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
231
236
  readonly ic_toggle_up: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
232
237
  readonly ic_trashcan: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
238
+ readonly ic_typeface_display_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
239
+ readonly ic_typeface_hand_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
240
+ readonly ic_typeface_monospace_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
241
+ readonly ic_typeface_sans_serif_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
242
+ readonly ic_typeface_serif_20: ({ color, ...rest }: import("../IconType").default) => JSX.Element;
233
243
  readonly ic_typeface_system: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
234
244
  readonly ic_unavailable: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
235
245
  readonly ic_unlock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -27,6 +27,7 @@ var ArrowUpBold_1 = __importDefault(require("./ArrowUpBold"));
27
27
  var Audio_1 = __importDefault(require("./Audio"));
28
28
  var Bell_1 = __importDefault(require("./Bell"));
29
29
  var BellNotification_1 = __importDefault(require("./BellNotification"));
30
+ var BellOff_1 = __importDefault(require("./BellOff"));
30
31
  var BlockUser_1 = __importDefault(require("./BlockUser"));
31
32
  var Booking_1 = __importDefault(require("./Booking"));
32
33
  var BookingCompleted_1 = __importDefault(require("./BookingCompleted"));
@@ -50,6 +51,10 @@ var ChatCounseling_1 = __importDefault(require("./ChatCounseling"));
50
51
  var ChatCrm_1 = __importDefault(require("./ChatCrm"));
51
52
  var ChatNotification_1 = __importDefault(require("./ChatNotification"));
52
53
  var ChatOff_1 = __importDefault(require("./ChatOff"));
54
+ var ChatRoom11_1 = __importDefault(require("./ChatRoom11"));
55
+ var ChatRoomFree_1 = __importDefault(require("./ChatRoomFree"));
56
+ var ChatRoomGroup_1 = __importDefault(require("./ChatRoomGroup"));
57
+ var ChatRoomPaid_1 = __importDefault(require("./ChatRoomPaid"));
53
58
  var Check_1 = __importDefault(require("./Check"));
54
59
  var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
55
60
  var Clip_1 = __importDefault(require("./Clip"));
@@ -233,6 +238,11 @@ var Time_1 = __importDefault(require("./Time"));
233
238
  var ToggleDown_1 = __importDefault(require("./ToggleDown"));
234
239
  var ToggleUp_1 = __importDefault(require("./ToggleUp"));
235
240
  var Trashcan_1 = __importDefault(require("./Trashcan"));
241
+ var TypefaceDisplay20_1 = __importDefault(require("./TypefaceDisplay20"));
242
+ var TypefaceHand20_1 = __importDefault(require("./TypefaceHand20"));
243
+ var TypefaceMonospace20_1 = __importDefault(require("./TypefaceMonospace20"));
244
+ var TypefaceSansSerif20_1 = __importDefault(require("./TypefaceSansSerif20"));
245
+ var TypefaceSerif20_1 = __importDefault(require("./TypefaceSerif20"));
236
246
  var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
237
247
  var Unavailable_1 = __importDefault(require("./Unavailable"));
238
248
  var Unlock_1 = __importDefault(require("./Unlock"));
@@ -281,6 +291,7 @@ var lineIcons = {
281
291
  ic_audio: Audio_1.default,
282
292
  ic_bell: Bell_1.default,
283
293
  ic_bell_notification: BellNotification_1.default,
294
+ ic_bell_off: BellOff_1.default,
284
295
  ic_block_user: BlockUser_1.default,
285
296
  ic_booking: Booking_1.default,
286
297
  ic_booking_completed: BookingCompleted_1.default,
@@ -304,6 +315,10 @@ var lineIcons = {
304
315
  ic_chat_crm: ChatCrm_1.default,
305
316
  ic_chat_notification: ChatNotification_1.default,
306
317
  ic_chat_off: ChatOff_1.default,
318
+ ic_chat_room_1_1: ChatRoom11_1.default,
319
+ ic_chat_room_free: ChatRoomFree_1.default,
320
+ ic_chat_room_group: ChatRoomGroup_1.default,
321
+ ic_chat_room_paid: ChatRoomPaid_1.default,
307
322
  ic_check: Check_1.default,
308
323
  ic_checkbox_off: CheckboxOff_1.default,
309
324
  ic_clip: Clip_1.default,
@@ -487,6 +502,11 @@ var lineIcons = {
487
502
  ic_toggle_down: ToggleDown_1.default,
488
503
  ic_toggle_up: ToggleUp_1.default,
489
504
  ic_trashcan: Trashcan_1.default,
505
+ ic_typeface_display_20: TypefaceDisplay20_1.default,
506
+ ic_typeface_hand_20: TypefaceHand20_1.default,
507
+ ic_typeface_monospace_20: TypefaceMonospace20_1.default,
508
+ ic_typeface_sans_serif_20: TypefaceSansSerif20_1.default,
509
+ ic_typeface_serif_20: TypefaceSerif20_1.default,
490
510
  ic_typeface_system: TypefaceSystem_1.default,
491
511
  ic_unavailable: Unavailable_1.default,
492
512
  ic_unlock: Unlock_1.default,
@@ -1,2 +1,3 @@
1
+ export { default as useAbsolutePositioner } from './useAbsolutePositioner';
1
2
  export { default as useDetectOverflow } from './useDetectOverflow';
2
3
  export { default as usePrevious } from './usePrevious';
@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.usePrevious = exports.useDetectOverflow = void 0;
6
+ exports.usePrevious = exports.useDetectOverflow = exports.useAbsolutePositioner = void 0;
7
+ var useAbsolutePositioner_1 = require("./useAbsolutePositioner");
8
+ Object.defineProperty(exports, "useAbsolutePositioner", { enumerable: true, get: function () { return __importDefault(useAbsolutePositioner_1).default; } });
7
9
  var useDetectOverflow_1 = require("./useDetectOverflow");
8
10
  Object.defineProperty(exports, "useDetectOverflow", { enumerable: true, get: function () { return __importDefault(useDetectOverflow_1).default; } });
9
11
  var usePrevious_1 = require("./usePrevious");
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ type controllerPositionType = {
3
+ controllerTop?: number;
4
+ controllerRight?: number;
5
+ };
6
+ declare function useAbsolutePositioner(controllerPosition?: controllerPositionType): {
7
+ absolutePosition: {
8
+ left: number;
9
+ top: number;
10
+ };
11
+ absolutePositionController: JSX.Element;
12
+ };
13
+ export default useAbsolutePositioner;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
19
+ };
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = require("react");
23
+ var index_1 = require("../../desktop/index");
24
+ var components_1 = require("../../hybrid/components");
25
+ var styled_components_1 = __importDefault(require("styled-components"));
26
+ function useAbsolutePositioner(controllerPosition) {
27
+ var _a = (0, react_1.useState)({
28
+ left: 0,
29
+ top: 0
30
+ }), absolutePosition = _a[0], setAbsolutePosition = _a[1];
31
+ var handleChangeHorizontalPosition = function (e) {
32
+ setAbsolutePosition(__assign(__assign({}, absolutePosition), { left: Number(e.target.value) }));
33
+ };
34
+ var handleChangeVerticalPosition = function (e) {
35
+ setAbsolutePosition(__assign(__assign({}, absolutePosition), { top: Number(e.target.value) }));
36
+ };
37
+ return {
38
+ absolutePosition: absolutePosition,
39
+ absolutePositionController: ((0, jsx_runtime_1.jsxs)(S_PositionControllerWrapper, __assign({ controllerPosition: controllerPosition }, { children: [(0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: "from left" }), (0, jsx_runtime_1.jsx)(S_PositionController, { type: "number", step: 5, defaultValue: 0, onChange: handleChangeHorizontalPosition }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }), (0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: "from top" }), (0, jsx_runtime_1.jsx)(S_PositionController, { type: "number", step: 5, defaultValue: 0, onChange: handleChangeVerticalPosition })] })))
40
+ };
41
+ }
42
+ var S_PositionControllerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: rgba(116, 116, 116, 0.5);\n height: fit-content;\n padding: ", ";\n position: absolute;\n right: ", ";\n top: ", ";\n"], ["\n background-color: rgba(116, 116, 116, 0.5);\n height: fit-content;\n padding: ", ";\n position: absolute;\n right: ", ";\n top: ", ";\n"])), function (_a) {
43
+ var theme = _a.theme;
44
+ return theme.spacing.spacingD;
45
+ }, function (_a) {
46
+ var controllerPosition = _a.controllerPosition;
47
+ return (controllerPosition === null || controllerPosition === void 0 ? void 0 : controllerPosition.controllerRight) ? "".concat(controllerPosition.controllerRight, "px") : '60px';
48
+ }, function (_a) {
49
+ var controllerPosition = _a.controllerPosition;
50
+ return (controllerPosition === null || controllerPosition === void 0 ? void 0 : controllerPosition.controllerTop) ? "".concat(controllerPosition.controllerTop, "px") : '60px';
51
+ });
52
+ var S_PositionController = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 1px dodgerblue solid;\n width: 90%;\n"], ["\n border: 1px dodgerblue solid;\n width: 90%;\n"])));
53
+ exports.default = useAbsolutePositioner;
54
+ var templateObject_1, templateObject_2;
@@ -0,0 +1,17 @@
1
+ import { MutableRefObject } from 'react';
2
+ import type { PDSTextType } from '../types';
3
+ import type { SystemUIPositionType } from '../types/systemUI';
4
+ type Props = {
5
+ tooltipPositionTargetRef: MutableRefObject<HTMLDivElement | HTMLButtonElement | HTMLLabelElement | null>;
6
+ dependency: boolean;
7
+ baseSize: number;
8
+ /** @deprecated 'left_top', 'left_bottom', 'right_top', 'right_bottom' will replace 'top' or 'bottom' */
9
+ tooltipPosition: SystemUIPositionType;
10
+ tooltipText: PDSTextType;
11
+ distance?: number;
12
+ };
13
+ /**
14
+ * @description 모듈화에 대한 범용성이 조금 더 확보되면 상용화 될 수 있을 것 같습니다. group 형태의 컴포넌트들에 적용 방향을 확정해야 합니다.
15
+ */
16
+ declare function UseTooltip({ tooltipPositionTargetRef, dependency, baseSize, tooltipPosition, tooltipText, distance }: Props): JSX.Element;
17
+ export default UseTooltip;
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
19
+ };
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = require("react");
23
+ var react_dom_1 = require("react-dom");
24
+ var systemUI_1 = require("../styles/systemUI");
25
+ var SystemUIPositionGenerator_1 = require("../utils/SystemUIPositionGenerator");
26
+ var styled_components_1 = __importDefault(require("styled-components"));
27
+ /**
28
+ * @description 모듈화에 대한 범용성이 조금 더 확보되면 상용화 될 수 있을 것 같습니다. group 형태의 컴포넌트들에 적용 방향을 확정해야 합니다.
29
+ */
30
+ function UseTooltip(_a) {
31
+ var tooltipPositionTargetRef = _a.tooltipPositionTargetRef, dependency = _a.dependency, baseSize = _a.baseSize, tooltipPosition = _a.tooltipPosition, tooltipText = _a.tooltipText, distance = _a.distance;
32
+ var tooltipRef = (0, react_1.useRef)(null);
33
+ var _b = (0, react_1.useState)(null), tooltipSizeOffset = _b[0], setTooltipSizeOffset = _b[1];
34
+ var _c = (0, react_1.useState)(null), tooltipPositionOffset = _c[0], setTooltipPositionOffset = _c[1];
35
+ /**
36
+ * @when : dependency 변경되었을 때
37
+ * @expected : tooltipPositionTargetRef, tooltipRef 의 위치를 업데이트합니다.
38
+ * @clear :
39
+ */
40
+ (0, react_1.useEffect)(function () {
41
+ if (!tooltipPositionTargetRef.current || !tooltipText) {
42
+ return;
43
+ }
44
+ if (!dependency && tooltipRef.current) {
45
+ setTooltipSizeOffset(null);
46
+ return;
47
+ }
48
+ var _a = tooltipPositionTargetRef.current.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, bottom = _a.bottom;
49
+ setTooltipPositionOffset({
50
+ top: top + window.scrollY,
51
+ right: right + window.scrollX,
52
+ bottom: bottom + window.scrollY,
53
+ left: left + window.scrollX
54
+ });
55
+ if (tooltipRef.current) {
56
+ setTooltipSizeOffset({
57
+ height: tooltipRef.current.offsetHeight,
58
+ width: tooltipRef.current.offsetWidth
59
+ });
60
+ }
61
+ }, [dependency]);
62
+ var tooltipPositionCss = (0, SystemUIPositionGenerator_1.hoverTypeSystemUICssGenerator)({
63
+ baseSize: baseSize,
64
+ sizeOffset: tooltipSizeOffset,
65
+ positionOffset: tooltipPositionOffset,
66
+ systemUIPosition: tooltipPosition,
67
+ distance: distance
68
+ });
69
+ return tooltipText ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.body) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
70
+ }
71
+ var S_TooltipWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n ", ";\n"], ["\n ", "\n\n ", ";\n"])), systemUI_1.TooltipWrapperStyle, function (_a) {
72
+ var tooltipPositionCss = _a.tooltipPositionCss;
73
+ return tooltipPositionCss;
74
+ });
75
+ exports.default = UseTooltip;
76
+ var templateObject_1;
@@ -342,5 +342,6 @@
342
342
  "sys_text_black_02": "black/opacity60",
343
343
  "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
344
344
  "sys_text_grey_05": "darkgrey400/opacity20",
345
- "sys_text_white_02": "white/opacity50"
345
+ "sys_text_white_02": "white/opacity50",
346
+ "sys_component_base_45": "darkgreen300"
346
347
  }
@@ -342,5 +342,6 @@
342
342
  "sys_text_black_02": "black/opacity60",
343
343
  "sys_sw_sidebar_item_text_disabled": "darkgrey400/opacity70",
344
344
  "sys_text_grey_05": "grey400/opacity20",
345
- "sys_text_white_02": "white/opacity50"
345
+ "sys_text_white_02": "white/opacity50",
346
+ "sys_component_base_45": "green300"
346
347
  }
@@ -836,5 +836,6 @@
836
836
  "ui_cpnt_modalwithtab_sidetab_pressed": "sys_component_base_04",
837
837
  "ui_107": "sys_component_border_white_opacity20",
838
838
  "ui_cpnt_textlabel_sys_white_02": "sys_text_white_02",
839
- "ui_cpnt_headerbar_base_area_transparent": "sys_container_background_04"
839
+ "ui_cpnt_headerbar_base_area_transparent": "sys_container_background_04",
840
+ "ui_108": "sys_widget_error_01"
840
841
  }