@teamturing/react-kit 2.43.0 → 2.43.2

package/dist/index.js

@@ -4038,6 +4038,32 @@ const SvgRepeat = props => /*#__PURE__*/React__namespace.createElement("svg", _e
   d: "M4.3 12.37v-1.01c0-2.79 2.27-5.06 5.06-5.06h7.59l-.56.56a1.202 1.202 0 0 0 1.7 1.7l2.61-2.61c.22-.23.35-.53.35-.85 0-.32-.13-.62-.35-.85l-2.61-2.61a1.201 1.201 0 1 0-1.7 1.7l.56.56H9.36c-4.11 0-7.46 3.35-7.46 7.46v1.01c0 .66.54 1.2 1.2 1.2.66 0 1.2-.53 1.2-1.2Zm16.6-1.94c-.66 0-1.2.54-1.2 1.2v1.01c0 2.79-2.27 5.06-5.06 5.06H7.05l.56-.56a1.202 1.202 0 0 0-1.7-1.7L3.3 18.05c-.23.22-.35.53-.35.85 0 .32.13.62.35.85l2.61 2.61a1.204 1.204 0 0 0 1.7 0c.47-.47.47-1.23 0-1.7l-.56-.56h7.59c4.11 0 7.46-3.35 7.46-7.46v-1.01c0-.67-.54-1.2-1.2-1.2Z"
 }));
 
+const SvgReportColor = 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: "#fff",
+  d: "M17.086 3.164c.444 0 .805.36.805.805v17.277a.806.806 0 0 1-.805.806H3.672a.806.806 0 0 1-.805-.806V3.97c0-.445.36-.805.805-.805h13.414Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#C6B5F6",
+  fillRule: "evenodd",
+  d: "M13.327 1.5c.419 0 .768.3.844.697h2.915c.978 0 1.771.794 1.771 1.772v17.277c0 .978-.794 1.772-1.771 1.772H3.672A1.772 1.772 0 0 1 1.9 21.246V3.97c0-.978.794-1.772 1.772-1.772h3.017a.858.858 0 0 1 .843-.697h5.795ZM3.672 3.164a.805.805 0 0 0-.805.805v17.277c0 .445.36.806.805.806h13.414a.806.806 0 0 0 .805-.806V3.97a.805.805 0 0 0-.805-.805h-2.9v.375a.215.215 0 0 1-.215.215H6.888a.215.215 0 0 1-.215-.215v-.375H3.672Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#C6B5F6",
+  d: "M4.316 6.316c0-.29.234-.523.523-.523h3.14a.523.523 0 1 1 0 1.046h-3.14a.523.523 0 0 1-.523-.523ZM4.316 8.757c0-.289.234-.523.523-.523h11.08a.523.523 0 1 1 0 1.046H4.84a.523.523 0 0 1-.523-.523ZM4.316 11.199c0-.29.234-.523.523-.523h11.08a.523.523 0 1 1 0 1.046H4.84a.523.523 0 0 1-.523-.523Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#9C7EEF",
+  d: "m22.261 21.543-2.472-2.473a4.577 4.577 0 0 0 .931-2.766 4.614 4.614 0 0 0-4.608-4.609 4.615 4.615 0 0 0-4.609 4.61 4.614 4.614 0 0 0 4.609 4.608c1.038 0 1.995-.35 2.766-.931l2.472 2.472a.642.642 0 0 0 .911 0 .645.645 0 0 0 0-.912Zm-9.47-5.239a3.324 3.324 0 0 1 3.32-3.32c1.831 0 3.321 1.489 3.321 3.32 0 1.83-1.49 3.32-3.32 3.32a3.323 3.323 0 0 1-3.321-3.32Z"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "#835EEB",
+  fillOpacity: 0.2,
+  d: "M16.113 12.983c1.83 0 3.32 1.49 3.32 3.32 0 1.831-1.49 3.32-3.32 3.32a3.323 3.323 0 0 1-3.32-3.319 3.324 3.324 0 0 1 3.32-3.32Z"
+}));
+
 const SvgSchool = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4987,6 +5013,7 @@ var icons = /*#__PURE__*/Object.freeze({
   ReceiptIcon: SvgReceipt,
   RefreshIcon: SvgRefresh,
   RepeatIcon: SvgRepeat,
+  ReportColorIcon: SvgReportColor,
   SchoolColorIcon: SvgSchoolColor,
   SchoolIcon: SvgSchool,
   ScrollIcon: SvgScroll,
@@ -39183,7 +39210,8 @@ const colorStopList = {
   colorStopListVioletPink: '#8E6CF0, #CF75F3',
   colorStopListBlackGray: '#0F0E0F, #595959',
   colorStopListWhite: '#FFFFFF, #FFFFFF00',
-  colorStopListBlack: '#000000, #00000000'
+  colorStopListBlack: '#000000, #00000000',
+  colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
 };
 
 const direction = {
@@ -39196,12 +39224,16 @@ const direction = {
 
 const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
 const textGradient = {
-  'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
+  'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
+  'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
 };
 const bgGradient = {
   'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
   'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
 };
+const iconGradient = {
+  'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
+};
 const borderGradient = {
   'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
 };
@@ -39221,6 +39253,7 @@ const overlayGradient = {
 };
 const gradient = {
   ...textGradient,
+  ...iconGradient,
   ...bgGradient,
   ...borderGradient,
   ...overlayGradient

package/dist/theme/index.d.ts

@@ -295,7 +295,9 @@ declare const theme: {
         readonly 'border/accent/violet': string;
         readonly 'bg/accent/violet': string;
         readonly 'bg/accent/neutral': string;
+        readonly 'icon/accent/pinkblue': string;
         readonly 'text/accent': string;
+        readonly 'text/accent/pinkblue': string;
     };
     shadows: {
         'shadow/overlay': string;

package/esm/packages/icons/esm/ReportColor.js

@@ -0,0 +1,30 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgReportColor = 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: "#fff",
+  d: "M17.086 3.164c.444 0 .805.36.805.805v17.277a.806.806 0 0 1-.805.806H3.672a.806.806 0 0 1-.805-.806V3.97c0-.445.36-.805.805-.805h13.414Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#C6B5F6",
+  fillRule: "evenodd",
+  d: "M13.327 1.5c.419 0 .768.3.844.697h2.915c.978 0 1.771.794 1.771 1.772v17.277c0 .978-.794 1.772-1.771 1.772H3.672A1.772 1.772 0 0 1 1.9 21.246V3.97c0-.978.794-1.772 1.772-1.772h3.017a.858.858 0 0 1 .843-.697h5.795ZM3.672 3.164a.805.805 0 0 0-.805.805v17.277c0 .445.36.806.805.806h13.414a.806.806 0 0 0 .805-.806V3.97a.805.805 0 0 0-.805-.805h-2.9v.375a.215.215 0 0 1-.215.215H6.888a.215.215 0 0 1-.215-.215v-.375H3.672Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#C6B5F6",
+  d: "M4.316 6.316c0-.29.234-.523.523-.523h3.14a.523.523 0 1 1 0 1.046h-3.14a.523.523 0 0 1-.523-.523ZM4.316 8.757c0-.289.234-.523.523-.523h11.08a.523.523 0 1 1 0 1.046H4.84a.523.523 0 0 1-.523-.523ZM4.316 11.199c0-.29.234-.523.523-.523h11.08a.523.523 0 1 1 0 1.046H4.84a.523.523 0 0 1-.523-.523Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#9C7EEF",
+  d: "m22.261 21.543-2.472-2.473a4.577 4.577 0 0 0 .931-2.766 4.614 4.614 0 0 0-4.608-4.609 4.615 4.615 0 0 0-4.609 4.61 4.614 4.614 0 0 0 4.609 4.608c1.038 0 1.995-.35 2.766-.931l2.472 2.472a.642.642 0 0 0 .911 0 .645.645 0 0 0 0-.912Zm-9.47-5.239a3.324 3.324 0 0 1 3.32-3.32c1.831 0 3.321 1.489 3.321 3.32 0 1.83-1.49 3.32-3.32 3.32a3.323 3.323 0 0 1-3.321-3.32Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#835EEB",
+  fillOpacity: 0.2,
+  d: "M16.113 12.983c1.83 0 3.32 1.49 3.32 3.32 0 1.831-1.49 3.32-3.32 3.32a3.323 3.323 0 0 1-3.32-3.319 3.324 3.324 0 0 1 3.32-3.32Z"
+}));
+
+export { SvgReportColor as default };

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

@@ -176,6 +176,7 @@ export { default as RaffleColorIcon } from './RaffleColor.js';
 export { default as ReceiptIcon } from './Receipt.js';
 export { default as RefreshIcon } from './Refresh.js';
 export { default as RepeatIcon } from './Repeat.js';
+export { default as ReportColorIcon } from './ReportColor.js';
 export { default as SchoolIcon } from './School.js';
 export { default as SchoolColorIcon } from './SchoolColor.js';
 export { default as ScrollIcon } from './Scroll.js';

package/esm/packages/token-studio/esm/foundation/gradient/colorStopList/index.js

@@ -2,7 +2,8 @@ const colorStopList = {
   colorStopListVioletPink: '#8E6CF0, #CF75F3',
   colorStopListBlackGray: '#0F0E0F, #595959',
   colorStopListWhite: '#FFFFFF, #FFFFFF00',
-  colorStopListBlack: '#000000, #00000000'
+  colorStopListBlack: '#000000, #00000000',
+  colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
 };
 
 export { colorStopList as default };

package/esm/packages/token-studio/esm/token/gradient/index.js

@@ -3,12 +3,16 @@ import direction from '../../foundation/gradient/direction/index.js';
 
 const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
 const textGradient = {
-  'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
+  'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
+  'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
 };
 const bgGradient = {
   'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
   'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
 };
+const iconGradient = {
+  'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
+};
 const borderGradient = {
   'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
 };
@@ -28,9 +32,10 @@ const overlayGradient = {
 };
 const gradient = {
   ...textGradient,
+  ...iconGradient,
   ...bgGradient,
   ...borderGradient,
   ...overlayGradient
 };
 
-export { bgGradient, borderGradient, gradient as default, overlayGradient, textGradient };
+export { bgGradient, borderGradient, gradient as default, iconGradient, overlayGradient, textGradient };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.43.0",
+  "version": "2.43.2",
   "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,8 +55,8 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.49.0",
-    "@teamturing/token-studio": "^1.10.0",
+    "@teamturing/icons": "^1.50.0",
+    "@teamturing/token-studio": "^1.11.0",
     "@teamturing/utils": "^1.4.0",
     "framer-motion": "^10.16.4",
     "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "fd291bb6d5c2c386e234fd12e3fbf3955621aa74"
+  "gitHead": "727e8dc5c67ce7d229e27604c7962361ac554ccf"
 }