@teamturing/react-kit 2.21.11 → 2.21.13

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,10 +1,15 @@
1
- import { ComponentType, PropsWithChildren, SVGProps } from 'react';
1
+ import { ComponentType, HTMLAttributes, SVGProps } from 'react';
2
2
  import { SxProp } from '../../utils/styled-system';
3
3
  type FlashVariantType = 'neutral' | 'danger';
4
4
  type Props = {
5
5
  variant?: FlashVariantType;
6
6
  icon?: ComponentType<SVGProps<SVGSVGElement>>;
7
- } & SxProp;
8
- declare const Flash: ({ variant, icon: Icon, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
9
- export default Flash;
7
+ } & SxProp & HTMLAttributes<HTMLDivElement>;
8
+ declare const _default: import("react").ForwardRefExoticComponent<{
9
+ variant?: FlashVariantType | undefined;
10
+ icon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
11
+ } & SxProp & HTMLAttributes<HTMLDivElement> & {
12
+ children?: import("react").ReactNode;
13
+ } & import("react").RefAttributes<HTMLDivElement>>;
14
+ export default _default;
10
15
  export type { Props as FlashProps };
package/dist/index.js CHANGED
@@ -2128,6 +2128,37 @@ const SvgEmoji = props => /*#__PURE__*/React__namespace.createElement("svg", _ex
2128
2128
  clipRule: "evenodd"
2129
2129
  }));
2130
2130
 
2131
+ const SvgEmojiPlus = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
2132
+ xmlns: "http://www.w3.org/2000/svg",
2133
+ width: "1em",
2134
+ height: "1em",
2135
+ fill: "none",
2136
+ viewBox: "0 0 24 24"
2137
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
2138
+ fill: "currentColor",
2139
+ fillRule: "evenodd",
2140
+ d: "M11.98 4.609a2.241 2.241 0 0 0 1.825 3.543h1.121v1.12a2.241 2.241 0 0 0 4.24 1.018c.303.875.468 1.815.468 2.793a8.517 8.517 0 1 1-7.653-8.474Zm2.443 6.77c0 .823-.504 1.49-1.125 1.49s-1.125-.667-1.125-1.49.504-1.49 1.125-1.49 1.125.667 1.125 1.49Zm-4.25 0c0 .823-.504 1.49-1.125 1.49s-1.125-.667-1.125-1.49.504-1.49 1.125-1.49 1.125.667 1.125 1.49Zm3.954 4.677a.75.75 0 0 0-.91-1.193 3.24 3.24 0 0 1-4.06.023.75.75 0 1 0-.967 1.147c.95.8 3.457 1.912 5.937.023Z",
2141
+ clipRule: "evenodd"
2142
+ }), /*#__PURE__*/React__namespace.createElement("path", {
2143
+ fill: "currentColor",
2144
+ fillRule: "evenodd",
2145
+ d: "M18.056 2.541a.941.941 0 1 0-1.882 0v2.481h-2.338a.913.913 0 1 0 0 1.825h2.338v2.367a.941.941 0 1 0 1.882 0V6.847h2.51a.912.912 0 1 0 0-1.825h-2.51v-2.48Z",
2146
+ clipRule: "evenodd"
2147
+ }));
2148
+
2149
+ const SvgEmojiPlusDash = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
2150
+ xmlns: "http://www.w3.org/2000/svg",
2151
+ width: "1em",
2152
+ height: "1em",
2153
+ fill: "none",
2154
+ viewBox: "0 0 24 24"
2155
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
2156
+ fill: "currentColor",
2157
+ fillRule: "evenodd",
2158
+ d: "M11.978 4.613a2.23 2.23 0 0 0-.376 1.724 6.89 6.89 0 0 0-1.373.04l-.113-.867-.113-.868a8.595 8.595 0 0 1 1.975-.029Zm6.712 9.47.868.114a8.591 8.591 0 0 0 0-2.224l-.868.113-.867.113a6.847 6.847 0 0 1 0 1.772l.867.113ZM8.19 6.025l-.334-.808A8.506 8.506 0 0 0 5.93 6.33l.533.694.533.694c.467-.358.98-.657 1.529-.884l-.335-.809Zm-3.137 2.41-.694-.533a8.506 8.506 0 0 0-1.113 1.925l.808.335.809.335a6.756 6.756 0 0 1 .884-1.529l-.694-.533ZM2.6 13.085c0-.377.024-.748.072-1.112l.868.113.867.113a6.844 6.844 0 0 0 0 1.772l-.867.113-.868.113a8.595 8.595 0 0 1-.072-1.112Zm1.454 2.924-.808.335A8.506 8.506 0 0 0 4.36 18.27l.694-.533.694-.534a6.757 6.757 0 0 1-.884-1.528l-.809.335Zm2.41 3.138-.533.694a8.51 8.51 0 0 0 1.925 1.113l.335-.808.335-.809a6.755 6.755 0 0 1-1.529-.884l-.533.694Zm3.652 1.513-.113.868a8.592 8.592 0 0 0 2.224 0l-.113-.868-.113-.867a6.85 6.85 0 0 1-1.772 0l-.113.867Zm3.923-.514.335.808A8.51 8.51 0 0 0 16.3 19.84l-.533-.694-.534-.694c-.466.358-.979.657-1.528.884l.335.809Zm3.138-2.41.694.533a8.51 8.51 0 0 0 1.113-1.925l-.808-.335-.809-.335a6.756 6.756 0 0 1-.884 1.529l.694.533ZM18.056 2.541a.941.941 0 0 0-1.882 0v2.481h-2.338a.913.913 0 0 0 0 1.825h2.338v2.367a.941.941 0 0 0 1.882 0V6.847h2.51a.912.912 0 1 0 0-1.825h-2.51v-2.48ZM14.42 11.382c0 .822-.504 1.49-1.125 1.49-.62 0-1.124-.668-1.124-1.49 0-.823.503-1.49 1.124-1.49.621 0 1.125.667 1.125 1.49Zm-4.249 0c0 .822-.503 1.49-1.125 1.49-.62 0-1.124-.668-1.124-1.49 0-.823.503-1.49 1.124-1.49.622 0 1.125.667 1.125 1.49Zm3.953 4.675a.75.75 0 1 0-.909-1.192 3.24 3.24 0 0 1-4.06.022.75.75 0 1 0-.966 1.147c.949.8 3.456 1.912 5.935.023Z",
2159
+ clipRule: "evenodd"
2160
+ }));
2161
+
2131
2162
  const SvgEng = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
2132
2163
  xmlns: "http://www.w3.org/2000/svg",
2133
2164
  width: "1em",
@@ -4455,6 +4486,8 @@ var icons = /*#__PURE__*/Object.freeze({
4455
4486
  DotsIcon: SvgDots,
4456
4487
  DownloadIcon: SvgDownload,
4457
4488
  EmojiIcon: SvgEmoji,
4489
+ EmojiPlusDashIcon: SvgEmojiPlusDash,
4490
+ EmojiPlusIcon: SvgEmojiPlus,
4458
4491
  EngIcon: SvgEng,
4459
4492
  EqualIcon: SvgEqual,
4460
4493
  EraserIcon: SvgEraser,
@@ -6841,7 +6874,7 @@ const BaseActionList = styled__default.default.ul`
6841
6874
 
6842
6875
  ${sx}
6843
6876
  `;
6844
- var index$a = Object.assign(ActionList, {
6877
+ var index$b = Object.assign(ActionList, {
6845
6878
  Item: ActionListItem,
6846
6879
  SectionDivider: ActionListSectionDivider,
6847
6880
  SectionHeader: ActionListSectionHeader
@@ -16112,7 +16145,7 @@ const BaseAvatar = styled__default.default(Image)`
16112
16145
  })}
16113
16146
  ${sx}
16114
16147
  `;
16115
- var index$9 = /*#__PURE__*/React.forwardRef(Avatar);
16148
+ var index$a = /*#__PURE__*/React.forwardRef(Avatar);
16116
16149
 
16117
16150
  const BadgeAttacher = ({
16118
16151
  children,
@@ -16524,7 +16557,7 @@ const BreadcrumbsItemWrapper = styled__default.default.span`
16524
16557
  }
16525
16558
  }
16526
16559
  `;
16527
- var index$8 = Object.assign(Breadcrumbs, {
16560
+ var index$9 = Object.assign(Breadcrumbs, {
16528
16561
  Item: BreadcrumbsItem
16529
16562
  });
16530
16563
 
@@ -17480,7 +17513,7 @@ const DatagridWrapper = styled__default.default.div`
17480
17513
  const BaseDatagrid = styled__default.default.div`
17481
17514
  width: inherit;
17482
17515
  `;
17483
- var index$7 = Object.assign(Datagrid, {
17516
+ var index$8 = Object.assign(Datagrid, {
17484
17517
  Header: DatagridHeader,
17485
17518
  Subheader: DatagridSubheader,
17486
17519
  Body: DatagridBody,
@@ -18675,7 +18708,7 @@ const BaseDialog = styled__default.default.div(({
18675
18708
  overflow: 'hidden',
18676
18709
  margin: 'auto'
18677
18710
  }), sx);
18678
- var index$6 = Object.assign( /*#__PURE__*/React.forwardRef(Dialog), {
18711
+ var index$7 = Object.assign( /*#__PURE__*/React.forwardRef(Dialog), {
18679
18712
  UnstyledHeader: UnstyledDialogHeader,
18680
18713
  UnstyledBody: UnstyledDialogBody,
18681
18714
  UnstyledFooter: UnstyledDialogFooter,
@@ -18796,8 +18829,9 @@ const Flash = ({
18796
18829
  icon: Icon = SvgInfoInCircle,
18797
18830
  children,
18798
18831
  ...props
18799
- }) => {
18832
+ }, ref) => {
18800
18833
  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
18834
+ ref: ref,
18801
18835
  variant: variant,
18802
18836
  ...props,
18803
18837
  children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
@@ -18852,6 +18886,7 @@ const BaseFlash = styled__default.default.div`
18852
18886
 
18853
18887
  ${sx}
18854
18888
  `;
18889
+ var index$6 = /*#__PURE__*/React.forwardRef(Flash);
18855
18890
 
18856
18891
  const Radio = ({
18857
18892
  checked,
@@ -25801,21 +25836,21 @@ const useTabState = ({
25801
25836
  return [selectedIndex, handleSelect];
25802
25837
  };
25803
25838
 
25804
- exports.ActionList = index$a;
25839
+ exports.ActionList = index$b;
25805
25840
  exports.AnimatePresence = AnimatePresence;
25806
- exports.Avatar = index$9;
25841
+ exports.Avatar = index$a;
25807
25842
  exports.BadgeAttacher = BadgeAttacher;
25808
- exports.Breadcrumbs = index$8;
25843
+ exports.Breadcrumbs = index$9;
25809
25844
  exports.Button = Button;
25810
25845
  exports.Checkbox = Checkbox$1;
25811
25846
  exports.Chip = Chip;
25812
25847
  exports.CounterBadge = CounterBadge;
25813
- exports.Datagrid = index$7;
25848
+ exports.Datagrid = index$8;
25814
25849
  exports.DescriptionList = DescriptionList;
25815
- exports.Dialog = index$6;
25850
+ exports.Dialog = index$7;
25816
25851
  exports.EmptyState = EmptyState;
25817
25852
  exports.EnigmaUI = index;
25818
- exports.Flash = Flash;
25853
+ exports.Flash = index$6;
25819
25854
  exports.FormControl = index$4;
25820
25855
  exports.GradientText = GradientText;
25821
25856
  exports.Grid = Grid$1;
@@ -1,4 +1,4 @@
1
- import 'react';
1
+ import { forwardRef } from 'react';
2
2
  import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
3
3
  import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
4
4
  import styled from 'styled-components';
@@ -12,8 +12,9 @@ const Flash = ({
12
12
  icon: Icon = SvgInfoInCircle,
13
13
  children,
14
14
  ...props
15
- }) => {
15
+ }, ref) => {
16
16
  return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
17
+ ref: ref,
17
18
  variant: variant,
18
19
  ...props,
19
20
  children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
@@ -68,5 +69,6 @@ const BaseFlash = styled.div`
68
69
 
69
70
  ${sx}
70
71
  `;
72
+ var index = /*#__PURE__*/forwardRef(Flash);
71
73
 
72
- export { Flash as default };
74
+ export { index as default };
@@ -0,0 +1,22 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgEmojiPlus = 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: "M11.98 4.609a2.241 2.241 0 0 0 1.825 3.543h1.121v1.12a2.241 2.241 0 0 0 4.24 1.018c.303.875.468 1.815.468 2.793a8.517 8.517 0 1 1-7.653-8.474Zm2.443 6.77c0 .823-.504 1.49-1.125 1.49s-1.125-.667-1.125-1.49.504-1.49 1.125-1.49 1.125.667 1.125 1.49Zm-4.25 0c0 .823-.504 1.49-1.125 1.49s-1.125-.667-1.125-1.49.504-1.49 1.125-1.49 1.125.667 1.125 1.49Zm3.954 4.677a.75.75 0 0 0-.91-1.193 3.24 3.24 0 0 1-4.06.023.75.75 0 1 0-.967 1.147c.95.8 3.457 1.912 5.937.023Z",
14
+ clipRule: "evenodd"
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ fill: "currentColor",
17
+ fillRule: "evenodd",
18
+ d: "M18.056 2.541a.941.941 0 1 0-1.882 0v2.481h-2.338a.913.913 0 1 0 0 1.825h2.338v2.367a.941.941 0 1 0 1.882 0V6.847h2.51a.912.912 0 1 0 0-1.825h-2.51v-2.48Z",
19
+ clipRule: "evenodd"
20
+ }));
21
+
22
+ export { SvgEmojiPlus as default };
@@ -0,0 +1,17 @@
1
+ import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
2
+ import * as React from 'react';
3
+
4
+ const SvgEmojiPlusDash = 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: "M11.978 4.613a2.23 2.23 0 0 0-.376 1.724 6.89 6.89 0 0 0-1.373.04l-.113-.867-.113-.868a8.595 8.595 0 0 1 1.975-.029Zm6.712 9.47.868.114a8.591 8.591 0 0 0 0-2.224l-.868.113-.867.113a6.847 6.847 0 0 1 0 1.772l.867.113ZM8.19 6.025l-.334-.808A8.506 8.506 0 0 0 5.93 6.33l.533.694.533.694c.467-.358.98-.657 1.529-.884l-.335-.809Zm-3.137 2.41-.694-.533a8.506 8.506 0 0 0-1.113 1.925l.808.335.809.335a6.756 6.756 0 0 1 .884-1.529l-.694-.533ZM2.6 13.085c0-.377.024-.748.072-1.112l.868.113.867.113a6.844 6.844 0 0 0 0 1.772l-.867.113-.868.113a8.595 8.595 0 0 1-.072-1.112Zm1.454 2.924-.808.335A8.506 8.506 0 0 0 4.36 18.27l.694-.533.694-.534a6.757 6.757 0 0 1-.884-1.528l-.809.335Zm2.41 3.138-.533.694a8.51 8.51 0 0 0 1.925 1.113l.335-.808.335-.809a6.755 6.755 0 0 1-1.529-.884l-.533.694Zm3.652 1.513-.113.868a8.592 8.592 0 0 0 2.224 0l-.113-.868-.113-.867a6.85 6.85 0 0 1-1.772 0l-.113.867Zm3.923-.514.335.808A8.51 8.51 0 0 0 16.3 19.84l-.533-.694-.534-.694c-.466.358-.979.657-1.528.884l.335.809Zm3.138-2.41.694.533a8.51 8.51 0 0 0 1.113-1.925l-.808-.335-.809-.335a6.756 6.756 0 0 1-.884 1.529l.694.533ZM18.056 2.541a.941.941 0 0 0-1.882 0v2.481h-2.338a.913.913 0 0 0 0 1.825h2.338v2.367a.941.941 0 0 0 1.882 0V6.847h2.51a.912.912 0 1 0 0-1.825h-2.51v-2.48ZM14.42 11.382c0 .822-.504 1.49-1.125 1.49-.62 0-1.124-.668-1.124-1.49 0-.823.503-1.49 1.124-1.49.621 0 1.125.667 1.125 1.49Zm-4.249 0c0 .822-.503 1.49-1.125 1.49-.62 0-1.124-.668-1.124-1.49 0-.823.503-1.49 1.124-1.49.622 0 1.125.667 1.125 1.49Zm3.953 4.675a.75.75 0 1 0-.909-1.192 3.24 3.24 0 0 1-4.06.022.75.75 0 1 0-.966 1.147c.949.8 3.456 1.912 5.935.023Z",
14
+ clipRule: "evenodd"
15
+ }));
16
+
17
+ export { SvgEmojiPlusDash as default };
@@ -65,6 +65,8 @@ export { default as DocumentIcon } from './Document.js';
65
65
  export { default as DotsIcon } from './Dots.js';
66
66
  export { default as DownloadIcon } from './Download.js';
67
67
  export { default as EmojiIcon } from './Emoji.js';
68
+ export { default as EmojiPlusIcon } from './EmojiPlus.js';
69
+ export { default as EmojiPlusDashIcon } from './EmojiPlusDash.js';
68
70
  export { default as EngIcon } from './Eng.js';
69
71
  export { default as EqualIcon } from './Equal.js';
70
72
  export { default as EraserIcon } from './Eraser.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.21.11",
3
+ "version": "2.21.13",
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.29.0",
58
+ "@teamturing/icons": "^1.29.1",
59
59
  "@teamturing/token-studio": "^1.2.2",
60
60
  "@teamturing/utils": "^1.2.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": "f2b76ce1012dc38f40c5d5a71f16d06883c6fddf"
69
+ "gitHead": "fc09296429136f99bf7339b11b6149811eb00afe"
70
70
  }