@teamturing/react-kit 2.30.0 → 2.31.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.
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { ResponsiveValue } from 'styled-system';
|
|
2
3
|
import { SxProp } from '../../utils/styled-system';
|
|
3
4
|
type Props = {
|
|
4
5
|
/**
|
|
@@ -9,6 +10,7 @@ type Props = {
|
|
|
9
10
|
* Tooltip의 텍스트를 정의합니다.
|
|
10
11
|
*/
|
|
11
12
|
text?: string;
|
|
13
|
+
disabled?: ResponsiveValue<boolean>;
|
|
12
14
|
} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
|
|
13
15
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
14
16
|
/**
|
|
@@ -19,6 +21,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
|
|
|
19
21
|
* Tooltip의 텍스트를 정의합니다.
|
|
20
22
|
*/
|
|
21
23
|
text?: string | undefined;
|
|
24
|
+
disabled?: ResponsiveValue<boolean> | undefined;
|
|
22
25
|
} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "className"> & {
|
|
23
26
|
children?: import("react").ReactNode;
|
|
24
27
|
} & import("react").RefAttributes<HTMLSpanElement>>;
|
package/dist/index.js
CHANGED
|
@@ -2406,6 +2406,19 @@ const SvgFilter = props => /*#__PURE__*/React__namespace.createElement("svg", _e
|
|
|
2406
2406
|
clipRule: "evenodd"
|
|
2407
2407
|
}));
|
|
2408
2408
|
|
|
2409
|
+
const SvgFind = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
2410
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2411
|
+
width: "1em",
|
|
2412
|
+
height: "1em",
|
|
2413
|
+
fill: "none",
|
|
2414
|
+
viewBox: "0 0 24 24"
|
|
2415
|
+
}, props), /*#__PURE__*/React__namespace.createElement("path", {
|
|
2416
|
+
fill: "currentColor",
|
|
2417
|
+
fillRule: "evenodd",
|
|
2418
|
+
d: "M9 9v6h6V9H9Zm-.5-2A1.5 1.5 0 0 0 7 8.5v7A1.5 1.5 0 0 0 8.5 17h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 15.5 7h-7ZM2 4a2 2 0 0 1 2-2h4a1 1 0 0 1 0 2H4v4a1 1 0 0 1-2 0V4ZM2 20a2 2 0 0 0 2 2h4a1 1 0 1 0 0-2H4v-4a1 1 0 1 0-2 0v4ZM22 4a2 2 0 0 0-2-2h-4a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0V4ZM22 20a2 2 0 0 1-2 2h-4a1 1 0 1 1 0-2h4v-4a1 1 0 1 1 2 0v4Z",
|
|
2419
|
+
clipRule: "evenodd"
|
|
2420
|
+
}));
|
|
2421
|
+
|
|
2409
2422
|
const SvgFire = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
2410
2423
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2411
2424
|
width: "1em",
|
|
@@ -4722,6 +4735,7 @@ var icons = /*#__PURE__*/Object.freeze({
|
|
|
4722
4735
|
FacebookColorIcon: SvgFacebookColor,
|
|
4723
4736
|
FacebookIcon: SvgFacebook,
|
|
4724
4737
|
FilterIcon: SvgFilter,
|
|
4738
|
+
FindIcon: SvgFind,
|
|
4725
4739
|
FireColorIcon: SvgFireColor,
|
|
4726
4740
|
FireIcon: SvgFire,
|
|
4727
4741
|
FolderIcon: SvgFolder,
|
|
@@ -16402,6 +16416,7 @@ const Tooltip = ({
|
|
|
16402
16416
|
children,
|
|
16403
16417
|
direction = 'top-center',
|
|
16404
16418
|
text,
|
|
16419
|
+
disabled,
|
|
16405
16420
|
className: propClassName,
|
|
16406
16421
|
sx
|
|
16407
16422
|
}, ref) => {
|
|
@@ -16410,6 +16425,7 @@ const Tooltip = ({
|
|
|
16410
16425
|
ref: ref,
|
|
16411
16426
|
role: 'tooltip',
|
|
16412
16427
|
"aria-label": text,
|
|
16428
|
+
disabled: disabled,
|
|
16413
16429
|
className: className,
|
|
16414
16430
|
sx: sx,
|
|
16415
16431
|
children: children
|
|
@@ -16652,6 +16668,25 @@ const BaseTooltip = styled__default.default.span`
|
|
|
16652
16668
|
}
|
|
16653
16669
|
|
|
16654
16670
|
${sx}
|
|
16671
|
+
${variant({
|
|
16672
|
+
prop: 'disabled',
|
|
16673
|
+
variants: {
|
|
16674
|
+
true: {
|
|
16675
|
+
'&:hover , &:active, &:focus': {
|
|
16676
|
+
'&::before, &::after': {
|
|
16677
|
+
display: 'none'
|
|
16678
|
+
}
|
|
16679
|
+
}
|
|
16680
|
+
},
|
|
16681
|
+
false: {
|
|
16682
|
+
'&:hover , &:active, &:focus': {
|
|
16683
|
+
'&::before, &::after': {
|
|
16684
|
+
display: 'table-cell'
|
|
16685
|
+
}
|
|
16686
|
+
}
|
|
16687
|
+
}
|
|
16688
|
+
}
|
|
16689
|
+
})}
|
|
16655
16690
|
`;
|
|
16656
16691
|
var Tooltip$1 = /*#__PURE__*/React.forwardRef(Tooltip);
|
|
16657
16692
|
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import styled, { keyframes } from 'styled-components';
|
|
4
|
+
import '../../node_modules/styled-system/dist/index.esm.js';
|
|
4
5
|
import { sx } from '../../utils/styled-system/index.js';
|
|
5
6
|
import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
|
|
7
|
+
import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
|
|
6
8
|
|
|
7
9
|
const Tooltip = ({
|
|
8
10
|
children,
|
|
9
11
|
direction = 'top-center',
|
|
10
12
|
text,
|
|
13
|
+
disabled,
|
|
11
14
|
className: propClassName,
|
|
12
15
|
sx
|
|
13
16
|
}, ref) => {
|
|
@@ -16,6 +19,7 @@ const Tooltip = ({
|
|
|
16
19
|
ref: ref,
|
|
17
20
|
role: 'tooltip',
|
|
18
21
|
"aria-label": text,
|
|
22
|
+
disabled: disabled,
|
|
19
23
|
className: className,
|
|
20
24
|
sx: sx,
|
|
21
25
|
children: children
|
|
@@ -258,6 +262,25 @@ const BaseTooltip = styled.span`
|
|
|
258
262
|
}
|
|
259
263
|
|
|
260
264
|
${sx}
|
|
265
|
+
${variant({
|
|
266
|
+
prop: 'disabled',
|
|
267
|
+
variants: {
|
|
268
|
+
true: {
|
|
269
|
+
'&:hover , &:active, &:focus': {
|
|
270
|
+
'&::before, &::after': {
|
|
271
|
+
display: 'none'
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
false: {
|
|
276
|
+
'&:hover , &:active, &:focus': {
|
|
277
|
+
'&::before, &::after': {
|
|
278
|
+
display: 'table-cell'
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
})}
|
|
261
284
|
`;
|
|
262
285
|
var Tooltip$1 = /*#__PURE__*/forwardRef(Tooltip);
|
|
263
286
|
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
const SvgFind = 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: "M9 9v6h6V9H9Zm-.5-2A1.5 1.5 0 0 0 7 8.5v7A1.5 1.5 0 0 0 8.5 17h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 15.5 7h-7ZM2 4a2 2 0 0 1 2-2h4a1 1 0 0 1 0 2H4v4a1 1 0 0 1-2 0V4ZM2 20a2 2 0 0 0 2 2h4a1 1 0 1 0 0-2H4v-4a1 1 0 1 0-2 0v4ZM22 4a2 2 0 0 0-2-2h-4a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0V4ZM22 20a2 2 0 0 1-2 2h-4a1 1 0 1 1 0-2h4v-4a1 1 0 1 1 2 0v4Z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
export { SvgFind as default };
|
|
@@ -86,6 +86,7 @@ export { default as FaceSadIcon } from './FaceSad.js';
|
|
|
86
86
|
export { default as FacebookIcon } from './Facebook.js';
|
|
87
87
|
export { default as FacebookColorIcon } from './FacebookColor.js';
|
|
88
88
|
export { default as FilterIcon } from './Filter.js';
|
|
89
|
+
export { default as FindIcon } from './Find.js';
|
|
89
90
|
export { default as FireIcon } from './Fire.js';
|
|
90
91
|
export { default as FireColorIcon } from './FireColor.js';
|
|
91
92
|
export { default as FolderIcon } from './Folder.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.31.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",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@floating-ui/react-dom": "^2.0.2",
|
|
57
57
|
"@primer/behaviors": "^1.3.6",
|
|
58
|
-
"@teamturing/icons": "^1.
|
|
58
|
+
"@teamturing/icons": "^1.42.0",
|
|
59
59
|
"@teamturing/token-studio": "^1.7.0",
|
|
60
60
|
"@teamturing/utils": "^1.3.0",
|
|
61
61
|
"framer-motion": "^10.16.4",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"react-textarea-autosize": "^8.5.3",
|
|
67
67
|
"styled-system": "^5.1.5"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "5dd44dec2d1ba8ca58b723d2455131cfaf0eafdd"
|
|
70
70
|
}
|