@teamturing/react-kit 2.45.3 → 2.46.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 (34) hide show
  1. package/dist/core/OverlayPopper/index.d.ts +1 -1
  2. package/dist/core/Tooltip/BaseTooltip.d.ts +7 -0
  3. package/dist/core/Tooltip/index.d.ts +4 -19
  4. package/dist/core/Tooltip/useTooltip.d.ts +14 -0
  5. package/dist/core/Tooltip/useTooltipContext.d.ts +6 -0
  6. package/dist/index.js +15670 -12798
  7. package/esm/core/Breadcrumbs/BreadcrumbsItem.js +0 -3
  8. package/esm/core/OverlayPopper/index.js +2 -2
  9. package/esm/core/Tooltip/BaseTooltip.js +125 -0
  10. package/esm/core/Tooltip/index.js +21 -279
  11. package/esm/core/Tooltip/useTooltip.js +56 -0
  12. package/esm/core/Tooltip/useTooltipContext.js +12 -0
  13. package/esm/node_modules/@floating-ui/core/dist/floating-ui.core.js +145 -27
  14. package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +191 -59
  15. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js +1621 -0
  16. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +233 -0
  17. package/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +108 -16
  18. package/esm/node_modules/@floating-ui/utils/{dom/dist → dist}/floating-ui.utils.dom.js +48 -15
  19. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +28 -13
  20. package/esm/node_modules/tabbable/dist/index.esm.js +560 -0
  21. package/esm/packages/icons/esm/AHorizontalLine.js +15 -0
  22. package/esm/packages/icons/esm/AVertialLine.js +15 -0
  23. package/esm/packages/icons/esm/BoxPlus.js +15 -0
  24. package/esm/packages/icons/esm/Crop.js +24 -0
  25. package/esm/packages/icons/esm/Cursor.js +22 -0
  26. package/esm/packages/icons/esm/Global.js +17 -0
  27. package/esm/packages/icons/esm/LandscapeArrow.js +20 -0
  28. package/esm/packages/icons/esm/Moon.js +15 -0
  29. package/esm/packages/icons/esm/PortraitArrow.js +20 -0
  30. package/esm/packages/icons/esm/SoundPaper.js +20 -0
  31. package/esm/packages/icons/esm/Sun.js +15 -0
  32. package/esm/packages/icons/esm/index.js +11 -0
  33. package/esm/packages/token-studio/esm/foundation/palette/index.js +1 -0
  34. package/package.json +5 -5
@@ -0,0 +1,17 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgGlobal = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ fillRule: "evenodd",
13
+ d: "M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5ZM9.024 13c.112 2.247.591 4.188 1.247 5.564C11.091 20.29 11.835 20.5 12 20.5c.164 0 .908-.21 1.73-1.936.655-1.376 1.134-3.317 1.246-5.564H9.024Zm-5.463 0a8.505 8.505 0 0 0 5.102 6.82c-.91-1.714-1.519-4.118-1.64-6.82H3.56Zm13.416 0c-.121 2.702-.731 5.106-1.641 6.82A8.505 8.505 0 0 0 20.439 13h-3.462ZM8.663 4.18A8.506 8.506 0 0 0 3.561 11h3.461c.122-2.702.73-5.107 1.641-6.82ZM12 3.5c-.164 0-.908.21-1.73 1.936C9.616 6.812 9.136 8.753 9.024 11h5.952c-.112-2.247-.591-4.188-1.247-5.564C12.909 3.71 12.165 3.5 12 3.5Zm3.336.68c.91 1.713 1.52 4.117 1.641 6.82h3.462a8.506 8.506 0 0 0-5.103-6.82Z",
14
+ clipRule: "evenodd"
15
+ }));
16
+
17
+ export { SvgGlobal as default };
@@ -0,0 +1,20 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgLandscapeArrow = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ fillRule: "evenodd",
13
+ d: "M23 16.5a3.5 3.5 0 0 1-3.5 3.5h-15A3.5 3.5 0 0 1 1 16.5v-9A3.5 3.5 0 0 1 4.5 4h15A3.5 3.5 0 0 1 23 7.5v9Zm-2.5-9a1 1 0 0 0-1-1h-15l-.103.005a1 1 0 0 0-.892.892L3.5 7.5v9l.005.102a1 1 0 0 0 .995.898h15a1 1 0 0 0 1-1v-9Z",
14
+ clipRule: "evenodd"
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ fill: "currentColor",
17
+ d: "M18.791 11.368a.88.88 0 0 1 0 1.264l-2.403 2.404a.922.922 0 0 1-.277.197.861.861 0 0 1-.355.07.862.862 0 0 1-.355-.07.922.922 0 0 1-.277-.197.88.88 0 0 1 0-1.265l.87-.87H8.006l.87.87a.88.88 0 0 1 0 1.265.922.922 0 0 1-.277.197.861.861 0 0 1-.354.07.862.862 0 0 1-.356-.07.922.922 0 0 1-.277-.197l-2.403-2.404a.88.88 0 0 1 0-1.264l2.403-2.404a.88.88 0 0 1 1.264 0 .88.88 0 0 1 0 1.266l-.87.87h7.988l-.87-.87a.88.88 0 0 1 0-1.266.88.88 0 0 1 1.264 0l2.403 2.404Z"
18
+ }));
19
+
20
+ export { SvgLandscapeArrow as default };
@@ -0,0 +1,15 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgMoon = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ d: "M7.78 2.059c.433-.22.885.214.772.686a10.567 10.567 0 0 0-.287 2.453c0 5.82 4.718 10.537 10.537 10.537.845 0 1.666-.1 2.453-.288.472-.112.906.34.686.773A10.536 10.536 0 0 1 12.537 22C6.717 22 2 17.282 2 11.463 2 7.355 4.35 3.797 7.78 2.06Z"
13
+ }));
14
+
15
+ export { SvgMoon as default };
@@ -0,0 +1,20 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgPortraitArrow = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ fillRule: "evenodd",
13
+ d: "M16.5 1A3.5 3.5 0 0 1 20 4.5v15a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 19.5v-15A3.5 3.5 0 0 1 7.5 1h9Zm-9 2.5a1 1 0 0 0-1 1v15l.005.102a1 1 0 0 0 .892.893l.103.005h9l.102-.005a1 1 0 0 0 .898-.995v-15a1 1 0 0 0-1-1h-9Z",
14
+ clipRule: "evenodd"
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ fill: "currentColor",
17
+ d: "M11.368 5.208a.88.88 0 0 1 1.264 0l2.404 2.404a.922.922 0 0 1 .197.277c.05.112.07.23.07.355 0 .125-.02.243-.07.355-.05.11-.12.2-.197.277a.88.88 0 0 1-1.265 0l-.87-.87v7.988l.87-.87a.88.88 0 0 1 1.265 0 .922.922 0 0 1 .197.277c.05.111.07.23.07.354 0 .125-.02.244-.07.356-.05.11-.12.2-.197.277l-2.404 2.403a.88.88 0 0 1-1.264 0l-2.404-2.403a.88.88 0 0 1 0-1.265.88.88 0 0 1 1.266 0l.87.87V8.007l-.87.87a.88.88 0 0 1-1.266 0 .88.88 0 0 1 0-1.264l2.404-2.404Z"
18
+ }));
19
+
20
+ export { SvgPortraitArrow as default };
@@ -0,0 +1,20 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgSoundPaper = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ fillRule: "evenodd",
13
+ d: "M19.5 22a1.001 1.001 0 0 0 1-1V9.5h-5A2.503 2.503 0 0 1 13 7V2H4.5a1.001 1.001 0 0 0-1 1v18a1.001 1.001 0 0 0 1 1h15Zm-7.3-3.25a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1Zm-4-2a1 1 0 0 1-1-1v-3.5a1 1 0 0 1 2 0v3.5c0 .552-.448 1-1 1Zm7.5 0a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2c0 .552-.448 1-1 1Z",
14
+ clipRule: "evenodd"
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ fill: "currentColor",
17
+ d: "M14.5 2v5a.999.999 0 0 0 1 1h5l-6-6Z"
18
+ }));
19
+
20
+ export { SvgSoundPaper as default };
@@ -0,0 +1,15 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgSun = props => /*#__PURE__*/React.createElement("svg", _extends({
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24"
10
+ }, props), /*#__PURE__*/React.createElement("path", {
11
+ fill: "currentColor",
12
+ d: "M16.815 12a4.815 4.815 0 1 1-9.63 0 4.815 4.815 0 0 1 9.63 0ZM10.889 3.111a1.111 1.111 0 0 1 2.222 0v1.482a1.111 1.111 0 1 1-2.222 0V3.11ZM10.889 19.407a1.111 1.111 0 1 1 2.222 0v1.482a1.111 1.111 0 1 1-2.222 0v-1.482ZM3.111 13.111a1.111 1.111 0 0 1 0-2.222h1.482a1.111 1.111 0 0 1 0 2.222H3.11ZM19.407 13.111a1.111 1.111 0 0 1 0-2.222h1.482a1.111 1.111 0 0 1 0 2.222h-1.482ZM4.929 6.5A1.111 1.111 0 0 1 6.5 4.93l1.048 1.047a1.111 1.111 0 1 1-1.572 1.571L4.93 6.501ZM16.452 18.024a1.111 1.111 0 0 1 1.572-1.572L19.07 17.5A1.111 1.111 0 0 1 17.5 19.07l-1.048-1.047ZM6.5 19.071A1.111 1.111 0 0 1 4.93 17.5l1.047-1.048a1.111 1.111 0 0 1 1.571 1.572L6.501 19.07ZM18.024 7.548a1.111 1.111 0 0 1-1.572-1.572L17.5 4.93A1.111 1.111 0 0 1 19.07 6.5l-1.047 1.048Z"
13
+ }));
14
+
15
+ export { SvgSun as default };
@@ -1,4 +1,6 @@
1
+ export { default as AHorizontalLineIcon } from './AHorizontalLine.js';
1
2
  export { default as AInCircleFilledIcon } from './AInCircleFilled.js';
3
+ export { default as AVertialLineIcon } from './AVertialLine.js';
2
4
  export { default as AiIcon } from './Ai.js';
3
5
  export { default as AiColorIcon } from './AiColor.js';
4
6
  export { default as AiSadIcon } from './AiSad.js';
@@ -23,6 +25,7 @@ export { default as BookColorIcon } from './BookColor.js';
23
25
  export { default as BookmarkIcon } from './Bookmark.js';
24
26
  export { default as BookmarkAnimationIcon } from './BookmarkAnimation.js';
25
27
  export { default as BoxIcon } from './Box.js';
28
+ export { default as BoxPlusIcon } from './BoxPlus.js';
26
29
  export { default as BusColorIcon } from './BusColor.js';
27
30
  export { default as CalendarIcon } from './Calendar.js';
28
31
  export { default as CalendarCheckIcon } from './CalendarCheck.js';
@@ -66,9 +69,11 @@ export { default as ContactIcon } from './Contact.js';
66
69
  export { default as CopyIcon } from './Copy.js';
67
70
  export { default as CorrectIcon } from './Correct.js';
68
71
  export { default as CouponIcon } from './Coupon.js';
72
+ export { default as CropIcon } from './Crop.js';
69
73
  export { default as CrownIcon } from './Crown.js';
70
74
  export { default as CurriculumIcon } from './Curriculum.js';
71
75
  export { default as CurriculumColorIcon } from './CurriculumColor.js';
76
+ export { default as CursorIcon } from './Cursor.js';
72
77
  export { default as DeleteIcon } from './Delete.js';
73
78
  export { default as DocumentIcon } from './Document.js';
74
79
  export { default as DotsIcon } from './Dots.js';
@@ -97,6 +102,7 @@ export { default as FlagIcon } from './Flag.js';
97
102
  export { default as FolderIcon } from './Folder.js';
98
103
  export { default as FrameIcon } from './Frame.js';
99
104
  export { default as GlassesIcon } from './Glasses.js';
105
+ export { default as GlobalIcon } from './Global.js';
100
106
  export { default as GoogleColorIcon } from './GoogleColor.js';
101
107
  export { default as GraphIcon } from './Graph.js';
102
108
  export { default as HairIcon } from './Hair.js';
@@ -108,6 +114,7 @@ export { default as InfoInCircleIcon } from './InfoInCircle.js';
108
114
  export { default as InstagramIcon } from './Instagram.js';
109
115
  export { default as KakaoColorIcon } from './KakaoColor.js';
110
116
  export { default as KorIcon } from './Kor.js';
117
+ export { default as LandscapeArrowIcon } from './LandscapeArrow.js';
111
118
  export { default as LeagueIcon } from './League.js';
112
119
  export { default as LetterIcon } from './Letter.js';
113
120
  export { default as LetterCrownColorIcon } from './LetterCrownColor.js';
@@ -129,6 +136,7 @@ export { default as MinusIcon } from './Minus.js';
129
136
  export { default as MinusInCircleIcon } from './MinusInCircle.js';
130
137
  export { default as MoneybagIcon } from './Moneybag.js';
131
138
  export { default as MoneybagColorIcon } from './MoneybagColor.js';
139
+ export { default as MoonIcon } from './Moon.js';
132
140
  export { default as MoreIcon } from './More.js';
133
141
  export { default as MyBubbleIcon } from './MyBubble.js';
134
142
  export { default as NaverColorIcon } from './NaverColor.js';
@@ -165,6 +173,7 @@ export { default as PlusIcon } from './Plus.js';
165
173
  export { default as PlusInCircleIcon } from './PlusInCircle.js';
166
174
  export { default as PointInCircleIcon } from './PointInCircle.js';
167
175
  export { default as PointInCircleColorIcon } from './PointInCircleColor.js';
176
+ export { default as PortraitArrowIcon } from './PortraitArrow.js';
168
177
  export { default as PresentIcon } from './Present.js';
169
178
  export { default as PresentColorIcon } from './PresentColor.js';
170
179
  export { default as PrintIcon } from './Print.js';
@@ -193,11 +202,13 @@ export { default as SkipbackIcon } from './Skipback.js';
193
202
  export { default as SkipforwardIcon } from './Skipforward.js';
194
203
  export { default as SoundOffIcon } from './SoundOff.js';
195
204
  export { default as SoundOnIcon } from './SoundOn.js';
205
+ export { default as SoundPaperIcon } from './SoundPaper.js';
196
206
  export { default as SpeakerIcon } from './Speaker.js';
197
207
  export { default as StackupIcon } from './Stackup.js';
198
208
  export { default as StarIcon } from './Star.js';
199
209
  export { default as StarColorIcon } from './StarColor.js';
200
210
  export { default as StoreIcon } from './Store.js';
211
+ export { default as SunIcon } from './Sun.js';
201
212
  export { default as SyncIcon } from './Sync.js';
202
213
  export { default as TestUploadColorIcon } from './TestUploadColor.js';
203
214
  export { default as ThumbdownIcon } from './Thumbdown.js';
@@ -75,6 +75,7 @@ const shade = {
75
75
  white: '#FFFFFF',
76
76
  white10A: '#FFFFFF1A',
77
77
  black: '#000000',
78
+ darkGray: '#202124',
78
79
  black60A: '#00000099'
79
80
  };
80
81
  const fuchsiaPink = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.45.3",
3
+ "version": "2.46.0",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -53,10 +53,10 @@
53
53
  "styled-components": "*"
54
54
  },
55
55
  "dependencies": {
56
- "@floating-ui/react-dom": "^2.0.2",
56
+ "@floating-ui/react": "^0.27.16",
57
57
  "@primer/behaviors": "^1.3.6",
58
- "@teamturing/icons": "^1.53.0",
59
- "@teamturing/token-studio": "^1.12.0",
58
+ "@teamturing/icons": "^1.54.0",
59
+ "@teamturing/token-studio": "^1.13.0",
60
60
  "@teamturing/utils": "^1.5.0",
61
61
  "framer-motion": "^10.16.4",
62
62
  "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
66
66
  "react-textarea-autosize": "^8.5.3",
67
67
  "styled-system": "^5.1.5"
68
68
  },
69
- "gitHead": "9ac3ab3d90fc93dfdd8124b7d2ba4d5c403896b4"
69
+ "gitHead": "f9c7a1f18cdb104f8a5018d0abde78c034b5700b"
70
70
  }