@teamturing/react-kit 2.21.12 → 2.21.14

package/dist/core/Flash/index.d.ts

@@ -1,10 +1,15 @@
-import { ComponentType, PropsWithChildren, SVGProps } from 'react';
+import { ComponentType, HTMLAttributes, SVGProps } from 'react';
 import { SxProp } from '../../utils/styled-system';
 type FlashVariantType = 'neutral' | 'danger';
 type Props = {
     variant?: FlashVariantType;
     icon?: ComponentType<SVGProps<SVGSVGElement>>;
-} & SxProp;
-declare const Flash: ({ variant, icon: Icon, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
-export default Flash;
+} & SxProp & HTMLAttributes<HTMLDivElement>;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    variant?: FlashVariantType | undefined;
+    icon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
+} & SxProp & HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
 export type { Props as FlashProps };

package/dist/index.js

@@ -3176,6 +3176,74 @@ const SvgPaperCheck = props => /*#__PURE__*/React__namespace.createElement("svg"
   d: "M15.766 16.327H31.44V32H15.766z"
 }))));
 
+const SvgPaperPen = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("g", {
+  fill: "currentColor",
+  clipPath: "url(#paper_pen_svg__a)"
+}, /*#__PURE__*/React__namespace.createElement("rect", {
+  width: 16.457,
+  height: 20.197,
+  x: 3.5,
+  y: 1.645,
+  opacity: 0.6,
+  rx: 1.175
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fillRule: "evenodd",
+  d: "m19.205 11.89-4.239 4.239-.578 2.156-.38 1.42a.235.235 0 0 0 .287.287l1.42-.38 2.156-.579 4.24-4.238-2.906-2.905Zm4.658.491-2.244-2.244a.466.466 0 0 0-.66 0L19.8 11.294l2.906 2.906 1.157-1.158a.469.469 0 0 0 0-.661Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  id: "paper_pen_svg__a"
+}, /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
+const SvgPaperPenColor = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("g", {
+  clipPath: "url(#paper_pen_color_svg__a)"
+}, /*#__PURE__*/React__namespace.createElement("rect", {
+  width: 16.457,
+  height: 20.197,
+  x: 3.5,
+  y: 1.645,
+  fill: "#C6D8FA",
+  rx: 1.175
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "m19.205 11.89-4.239 4.239-.578 2.156-.38 1.42a.235.235 0 0 0 .287.287l1.42-.38 2.156-.579 4.24-4.238-2.906-2.905Zm4.658.491-2.244-2.244a.466.466 0 0 0-.66 0L19.8 11.294l2.906 2.906 1.157-1.158a.469.469 0 0 0 0-.661Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  id: "paper_pen_color_svg__a"
+}, /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
+const SvgPaperTwo = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M8.1 1.5A1.5 1.5 0 0 0 6.6 3v1.41H17.2a1.5 1.5 0 0 1 1.5 1.5v12.467h1.4a1.5 1.5 0 0 0 1.5-1.5V3a1.5 1.5 0 0 0-1.5-1.5H8.1Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h12.001a1.5 1.5 0 0 1 1.5 1.5V21a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 2.5 21V7.123Z"
+}));
+
 const SvgPause = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4554,6 +4622,9 @@ var icons = /*#__PURE__*/Object.freeze({
   OutIcon: SvgOut,
   PalmTreeColorIcon: SvgPalmTreeColor,
   PaperCheckIcon: SvgPaperCheck,
+  PaperPenColorIcon: SvgPaperPenColor,
+  PaperPenIcon: SvgPaperPen,
+  PaperTwoIcon: SvgPaperTwo,
   PauseIcon: SvgPause,
   PenIcon: SvgPen,
   PercentInCircleIcon: SvgPercentInCircle,
@@ -6874,7 +6945,7 @@ const BaseActionList = styled__default.default.ul`
 
   ${sx}
 `;
-var index$a = Object.assign(ActionList, {
+var index$b = Object.assign(ActionList, {
   Item: ActionListItem,
   SectionDivider: ActionListSectionDivider,
   SectionHeader: ActionListSectionHeader
@@ -16145,7 +16216,7 @@ const BaseAvatar = styled__default.default(Image)`
 })}
   ${sx}
 `;
-var index$9 = /*#__PURE__*/React.forwardRef(Avatar);
+var index$a = /*#__PURE__*/React.forwardRef(Avatar);
 
 const BadgeAttacher = ({
   children,
@@ -16557,7 +16628,7 @@ const BreadcrumbsItemWrapper = styled__default.default.span`
     }
   }
 `;
-var index$8 = Object.assign(Breadcrumbs, {
+var index$9 = Object.assign(Breadcrumbs, {
   Item: BreadcrumbsItem
 });
 
@@ -17513,7 +17584,7 @@ const DatagridWrapper = styled__default.default.div`
 const BaseDatagrid = styled__default.default.div`
   width: inherit;
 `;
-var index$7 = Object.assign(Datagrid, {
+var index$8 = Object.assign(Datagrid, {
   Header: DatagridHeader,
   Subheader: DatagridSubheader,
   Body: DatagridBody,
@@ -18708,7 +18779,7 @@ const BaseDialog = styled__default.default.div(({
   overflow: 'hidden',
   margin: 'auto'
 }), sx);
-var index$6 = Object.assign( /*#__PURE__*/React.forwardRef(Dialog), {
+var index$7 = Object.assign( /*#__PURE__*/React.forwardRef(Dialog), {
   UnstyledHeader: UnstyledDialogHeader,
   UnstyledBody: UnstyledDialogBody,
   UnstyledFooter: UnstyledDialogFooter,
@@ -18829,8 +18900,9 @@ const Flash = ({
   icon: Icon = SvgInfoInCircle,
   children,
   ...props
-}) => {
+}, ref) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
+    ref: ref,
     variant: variant,
     ...props,
     children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
@@ -18885,6 +18957,7 @@ const BaseFlash = styled__default.default.div`
 
   ${sx}
 `;
+var index$6 = /*#__PURE__*/React.forwardRef(Flash);
 
 const Radio = ({
   checked,
@@ -25834,21 +25907,21 @@ const useTabState = ({
   return [selectedIndex, handleSelect];
 };
 
-exports.ActionList = index$a;
+exports.ActionList = index$b;
 exports.AnimatePresence = AnimatePresence;
-exports.Avatar = index$9;
+exports.Avatar = index$a;
 exports.BadgeAttacher = BadgeAttacher;
-exports.Breadcrumbs = index$8;
+exports.Breadcrumbs = index$9;
 exports.Button = Button;
 exports.Checkbox = Checkbox$1;
 exports.Chip = Chip;
 exports.CounterBadge = CounterBadge;
-exports.Datagrid = index$7;
+exports.Datagrid = index$8;
 exports.DescriptionList = DescriptionList;
-exports.Dialog = index$6;
+exports.Dialog = index$7;
 exports.EmptyState = EmptyState;
 exports.EnigmaUI = index;
-exports.Flash = Flash;
+exports.Flash = index$6;
 exports.FormControl = index$4;
 exports.GradientText = GradientText;
 exports.Grid = Grid$1;

package/esm/core/Flash/index.js

@@ -1,4 +1,4 @@
-import 'react';
+import { forwardRef } from 'react';
 import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import styled from 'styled-components';
@@ -12,8 +12,9 @@ const Flash = ({
   icon: Icon = SvgInfoInCircle,
   children,
   ...props
-}) => {
+}, ref) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
+    ref: ref,
     variant: variant,
     ...props,
     children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
@@ -68,5 +69,6 @@ const BaseFlash = styled.div`
 
   ${sx}
 `;
+var index = /*#__PURE__*/forwardRef(Flash);
 
-export { Flash as default };
+export { index as default };

package/esm/packages/icons/esm/PaperPen.js

@@ -0,0 +1,31 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgPaperPen = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("g", {
+  fill: "currentColor",
+  clipPath: "url(#paper_pen_svg__a)"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 16.457,
+  height: 20.197,
+  x: 3.5,
+  y: 1.645,
+  opacity: 0.6,
+  rx: 1.175
+}), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  d: "m19.205 11.89-4.239 4.239-.578 2.156-.38 1.42a.235.235 0 0 0 .287.287l1.42-.38 2.156-.579 4.24-4.238-2.906-2.905Zm4.658.491-2.244-2.244a.466.466 0 0 0-.66 0L19.8 11.294l2.906 2.906 1.157-1.158a.469.469 0 0 0 0-.661Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "paper_pen_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
+export { SvgPaperPen as default };

package/esm/packages/icons/esm/PaperPenColor.js

@@ -0,0 +1,31 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgPaperPenColor = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#paper_pen_color_svg__a)"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 16.457,
+  height: 20.197,
+  x: 3.5,
+  y: 1.645,
+  fill: "#C6D8FA",
+  rx: 1.175
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#6D99F1",
+  fillRule: "evenodd",
+  d: "m19.205 11.89-4.239 4.239-.578 2.156-.38 1.42a.235.235 0 0 0 .287.287l1.42-.38 2.156-.579 4.24-4.238-2.906-2.905Zm4.658.491-2.244-2.244a.466.466 0 0 0-.66 0L19.8 11.294l2.906 2.906 1.157-1.158a.469.469 0 0 0 0-.661Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "paper_pen_color_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}))));
+
+export { SvgPaperPenColor as default };

package/esm/packages/icons/esm/PaperTwo.js

@@ -0,0 +1,18 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgPaperTwo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  d: "M8.1 1.5A1.5 1.5 0 0 0 6.6 3v1.41H17.2a1.5 1.5 0 0 1 1.5 1.5v12.467h1.4a1.5 1.5 0 0 0 1.5-1.5V3a1.5 1.5 0 0 0-1.5-1.5H8.1Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  d: "M2.5 7.123a1.5 1.5 0 0 1 1.5-1.5h12.001a1.5 1.5 0 0 1 1.5 1.5V21a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 2.5 21V7.123Z"
+}));
+
+export { SvgPaperTwo as default };

package/esm/packages/icons/esm/index.js

@@ -133,6 +133,9 @@ export { default as NumberTwoOutlinedIcon } from './NumberTwoOutlined.js';
 export { default as OutIcon } from './Out.js';
 export { default as PalmTreeColorIcon } from './PalmTreeColor.js';
 export { default as PaperCheckIcon } from './PaperCheck.js';
+export { default as PaperPenIcon } from './PaperPen.js';
+export { default as PaperPenColorIcon } from './PaperPenColor.js';
+export { default as PaperTwoIcon } from './PaperTwo.js';
 export { default as PauseIcon } from './Pause.js';
 export { default as PenIcon } from './Pen.js';
 export { default as PercentInCircleIcon } from './PercentInCircle.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.21.12",
+  "version": "2.21.14",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.29.1",
+    "@teamturing/icons": "^1.30.0",
     "@teamturing/token-studio": "^1.2.2",
     "@teamturing/utils": "^1.2.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "bf5607c3e648e74da4cb6207cf737fa4b2022d4c"
+  "gitHead": "a14bdd4f7702bf1b60cb049a9b07e512d54c9dc9"
 }