@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.30.0",
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.41.0",
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": "d479f2b970e8e83acae103090b2429e996699433"
69
+ "gitHead": "5dd44dec2d1ba8ca58b723d2455131cfaf0eafdd"
70
70
  }