sprint-asia-custom-component 0.1.125 → 0.1.127

package/dist/index.js

@@ -357,7 +357,7 @@
     return /*#__PURE__*/React__default["default"].createElement("a", {
       className: `
             ${type == "white" && "text-black border-black bg-white"} 
-            ${type == "neutral" && "text-neutral300 border-neutral40 bg-neutral10"} 
+            ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30"} 
             ${type == "gray" && "text-neutral300 border-neutral40 bg-white"} 
             ${type == "success" && "text-success600 border-success600 bg-success50"} 
             ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 
@@ -23866,15 +23866,18 @@
     subtitle,
     linkSubtitle,
     onClickSubtitle,
-    image
+    image,
+    icon
   }) => {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full"
     }, title && /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black mb-1"
     }, title), value && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "py-1 whitespace-pre-line"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "py-1 whitespace-pre-line flex items-center"
+    }, icon && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "mr-2"
+    }, icon), /*#__PURE__*/React__default["default"].createElement("p", {
       className: `
             ${textColor == "default" && "text-black font-semibold text-base"} 
             ${textColor == "success" && "text-success500 font-semibold text-base"} 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.125",
+  "version": "0.1.127",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/chip/index.js

@@ -5,7 +5,7 @@ const Chip = ({ title = "Approve", type = "success", onClick }) => {
     <a
       className={`
             ${type == "white" && "text-black border-black bg-white"} 
-            ${type == "neutral" && "text-neutral300 border-neutral40 bg-neutral10"} 
+            ${type == "neutral" && "text-neutral300 border-neutral300 bg-neutral30"} 
             ${type == "gray" && "text-neutral300 border-neutral40 bg-white"} 
             ${type == "success" && "text-success600 border-success600 bg-success50"} 
             ${type == "primary" && "text-primary500 border-primary500 bg-primary50"} 

package/src/components/description/index.js

@@ -1,11 +1,24 @@
 import React from "react";
+import { PiArrowRight, PiCalendarBlank } from "react-icons/pi";
 
-const Description = ({ title, value, textColor = "default", subtitle, linkSubtitle, onClickSubtitle, image }) => {
+const Description = ({ 
+  title, 
+  value, 
+  textColor = "default", 
+  subtitle, 
+  linkSubtitle, 
+  onClickSubtitle, 
+  image,
+  icon
+}) => {
   return (
     <div className="w-full">
       {title && <p className="text-sm font-normal text-black mb-1">{title}</p>}
       {value && (
-        <div className="py-1 whitespace-pre-line">
+        <div className="py-1 whitespace-pre-line flex items-center">
+          {
+            icon && <div className="mr-2">{icon}</div>
+          }
           <p
             className={`
             ${textColor == "default" && "text-black font-semibold text-base"} 

package/src/templates/index.js

@@ -19,7 +19,7 @@ import ExportToExcel from "../components/export/excel";
 import FilterCheckbox from "../components/filter/filterCheckbox";
 import FilterText from "../components/filter/filterText";
 import Menu from "../components/menu";
-import { PiCaretDown, PiCaretUp } from "react-icons/pi";
+import { PiCalendarBlank, PiCaretDown, PiCaretUp } from "react-icons/pi";
 import ModalLoading from "../components/modal/modalLoading";
 import ModalResult from "../components/modal/modalResult";
 import ModalState from "../components/modal/modalState";
@@ -1090,6 +1090,12 @@ const Templates = () => {
         value={"This is a sample description.\n HHEHEEH \n LOh"}
         // image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
       />
+      <Description
+        title="Sample Title"
+        value={"This is a sample description.\n HHEHEEH \n LOh"}
+        icon={<PiCalendarBlank size={20}/>}
+        // image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
+      />
 
       <div className="m-9"></div>
       <p className="text-black font-bold text-2xl text-center py-2">Dropdown</p>