@fileverse-dev/fortune-react 1.2.64-patch-5 → 1.2.64-patch-7

package/lib/components/ConditionFormat/formating.css

@@ -0,0 +1,103 @@
+.toolbar-container {
+  width: 100%;
+  max-width: 896px;
+  background-color: white;
+  border-radius: 4px;
+  border: 1px solid hsl(var(--color-border-default, #E8EBEC));
+  overflow: hidden;
+}
+
+.toolbar-header {
+  background-color: #dcfce7;
+  padding: 4px 16px;
+  border-radius: var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) var(--border-radius-none, 0) var(--border-radius-none, 0);
+border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
+background: hsl(var(--color-bg-success-light, #DDFBDF));
+}
+
+.toolbar-title {
+  color: hsl(var(--color-text-success, #177E23));
+font-family: "Helvetica Neue";
+font-size: 14px;
+font-style: normal;
+font-weight: 400;
+line-height: 20px;
+}
+
+.toolbar-content {
+  padding: 4px;
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+
+.toolbar-button {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  padding: 0;
+}
+
+.toolbar-button:hover {
+  background-color: #f9fafb;
+  border-color: #d1d5db;
+}
+
+.toolbar-button:active {
+  transform: scale(0.95);
+}
+
+.button-text {
+  font-size: 24px;
+  color: #1f2937;
+  font-weight: 500;
+}
+
+.button-text.bold {
+  font-weight: 700;
+}
+
+.button-text.italic {
+  font-style: italic;
+  font-family: Georgia, serif;
+}
+
+.button-text.underline {
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 2px;
+}
+
+.button-text.strikethrough {
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+}
+
+.button-text.color-button {
+  position: relative;
+  color: #16a34a;
+}
+
+.button-text.color-button::after {
+  content: "";
+  position: absolute;
+  bottom: -4px;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: #16a34a;
+  border-radius: 2px;
+}
+
+.button-icon {
+  width: 24px;
+  height: 24px;
+  color: #1f2937;
+}

package/lib/components/ConditionFormat/index.css

@@ -115,7 +115,7 @@
 }
 
 .condition-rules-set-title {
-  margin: 6px 0px;
+  margin: 0px 0px 16px 0px;
 }
 
 .condition-rules-setbox {
@@ -149,13 +149,23 @@
 }
 
 .condition-rules-select-color {
-  background: hsl(var(--color-bg-default));
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 4px;
+  background: transparent;
+  width: 16px;
+  height: 4px;
+  border-radius: 0px;
+  border: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
+  outline: none;
+}
+
+input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+input[type="color"]::-webkit-color-swatch {
+  border: 1px solid #d4d4d4;
 }
 
 .condition-rules-between-box {
@@ -210,3 +220,50 @@ input[type="number"].condition-rules-project-input::-webkit-inner-spin-button {
 input[type="number"].condition-rules-project-input {
   -moz-appearance: textfield;
 }
+
+.condition-list-parent {
+  padding: 12px 8px;
+  gap: 12px;
+}
+
+.condition-list-parent:hover {
+  background-color: hsl(var(--color-bg-default-hover));
+}
+
+.condition-list-pill {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 56px;
+  padding: 4px 16px;
+  gap: 10px;
+  border-radius: 4px;
+  border: 1px solid #E8EBEC;
+}
+
+.condition-list-text {
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.condition-list-type {
+  color: hsl(var(--color-text-default, #363B3F));
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.condition-list-range {
+  color: hsl(var(--color-text-secondary, #77818A));
+  font-family: "Helvetica Neue";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}

package/lib/components/ConditionFormat/index.js

@@ -236,9 +236,7 @@ var ConditionalFormat = function ConditionalFormat(_a) {
             padding: "6px 10px"
           },
           onClick: function onClick() {
-            setContext(function (ctx) {
-              (0, _fortuneCore.updateItem)(ctx, "delSheet");
-            });
+            setContext(function (ctx) {});
           },
           tabIndex: 0
         }, conditionformat[v]);

package/lib/components/Toolbar/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Cell } from "@fileverse-dev/fortune-core";
 import "./index.css";
-export declare const getLucideIcon: (title: string) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Undo" | "Redo" | "PaintRoller" | "Bold" | "Italic" | "Strikethrough" | "Underline" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "PaintBucket" | "Border" | "MergeHorizontal" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
+export declare const getLucideIcon: (title: string) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Bold" | "Italic" | "Underline" | "Strikethrough" | "PaintBucket" | "Undo" | "Redo" | "PaintRoller" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "Border" | "MergeHorizontal" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
 export declare const CurrencySelector: ({ cell, defaultTextFormat, toolTipText, }: {
     cell: Cell | null | undefined;
     defaultTextFormat: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.64-patch-5",
+  "version": "1.2.64-patch-7",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.2.64-patch-5",
+    "@fileverse-dev/fortune-core": "1.2.64-patch-7",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",