@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,
|
|
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
|
|
9
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
25839
|
+
exports.ActionList = index$b;
|
|
25805
25840
|
exports.AnimatePresence = AnimatePresence;
|
|
25806
|
-
exports.Avatar = index$
|
|
25841
|
+
exports.Avatar = index$a;
|
|
25807
25842
|
exports.BadgeAttacher = BadgeAttacher;
|
|
25808
|
-
exports.Breadcrumbs = index$
|
|
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$
|
|
25848
|
+
exports.Datagrid = index$8;
|
|
25814
25849
|
exports.DescriptionList = DescriptionList;
|
|
25815
|
-
exports.Dialog = index$
|
|
25850
|
+
exports.Dialog = index$7;
|
|
25816
25851
|
exports.EmptyState = EmptyState;
|
|
25817
25852
|
exports.EnigmaUI = index;
|
|
25818
|
-
exports.Flash =
|
|
25853
|
+
exports.Flash = index$6;
|
|
25819
25854
|
exports.FormControl = index$4;
|
|
25820
25855
|
exports.GradientText = GradientText;
|
|
25821
25856
|
exports.Grid = Grid$1;
|
package/esm/core/Flash/index.js
CHANGED
|
@@ -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 {
|
|
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.
|
|
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.
|
|
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": "
|
|
69
|
+
"gitHead": "fc09296429136f99bf7339b11b6149811eb00afe"
|
|
70
70
|
}
|