@fileverse-dev/fortune-react 1.2.77 → 1.2.78-cf-1

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.
Files changed (5) hide show
  1. package/es/components/ConditionFormat/ConditionRules.js +15 -5
  2. package/es/components/ConditionFormat/formating.css +8 -10
  3. package/lib/components/ConditionFormat/ConditionRules.js +15 -5
  4. package/lib/components/ConditionFormat/formating.css +8 -10
  5. package/package.json +2 -2
package/es/components/ConditionFormat/ConditionRules.js CHANGED
@@ -47,8 +47,8 @@ var ConditionRules = function ConditionRules(_a) {
47
47
  protection = _j.protection,
48
48
  generalDialog = _j.generalDialog;
49
49
  var _k = useState({
50
- textColor: "#FFFFFF",
51
- cellColor: "#D82E2A"
50
+ textColor: "#177E23",
51
+ cellColor: "#DDFBDF"
52
52
  }),
53
53
  colorRules = _k[0],
54
54
  setColorRules = _k[1];
@@ -595,9 +595,19 @@ var ConditionRules = function ConditionRules(_a) {
595
595
  }, "Formatting styles"), /*#__PURE__*/React.createElement("div", {
596
596
  className: "toolbar-container"
597
597
  }, /*#__PURE__*/React.createElement("div", {
598
- className: "toolbar-header"
598
+ className: "toolbar-header",
599
+ style: {
600
+ backgroundColor: colorRules.cellColor,
601
+ color: colorRules.textColor,
602
+ textDecoration: underline ? "underline" : "",
603
+ textDecorationLine: strikethrough ? "line-through" : ""
604
+ }
599
605
  }, /*#__PURE__*/React.createElement("h2", {
600
- className: "toolbar-title"
606
+ className: "toolbar-title",
607
+ style: {
608
+ fontWeight: bold ? "bold" : "",
609
+ fontStyle: italic ? "italic" : ""
610
+ }
601
611
  }, "Formatting styles preview")), /*#__PURE__*/React.createElement("div", {
602
612
  className: "toolbar-content"
603
613
  }, /*#__PURE__*/React.createElement(Button, {
@@ -774,7 +784,7 @@ var ConditionRules = function ConditionRules(_a) {
774
784
  close("edit");
775
785
  },
776
786
  tabIndex: 0
777
- }, "Edit rule")) : (/*#__PURE__*/React.createElement(Button, {
787
+ }, "Update rule")) : (/*#__PURE__*/React.createElement(Button, {
778
788
  variant: "default",
779
789
  style: {
780
790
  minWidth: "80px"
package/es/components/ConditionFormat/formating.css CHANGED
@@ -8,20 +8,18 @@
8
8
  }
9
9
 
10
10
  .toolbar-header {
11
- background-color: #dcfce7;
12
11
  padding: 4px 16px;
13
12
  border-radius: var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) var(--border-radius-none, 0) var(--border-radius-none, 0);
14
- border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
15
- background: hsl(var(--color-bg-success-light, #DDFBDF));
13
+ border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
14
+ background: hsl(var(--color-bg-success-light, #DDFBDF));
16
15
  }
17
16
 
18
17
  .toolbar-title {
19
- color: hsl(var(--color-text-success, #177E23));
20
- font-family: "Helvetica Neue";
21
- font-size: 14px;
22
- font-style: normal;
23
- font-weight: 400;
24
- line-height: 20px;
18
+ font-family: "Helvetica Neue";
19
+ font-size: 14px;
20
+ font-style: normal;
21
+ font-weight: 400;
22
+ line-height: 20px;
25
23
  }
26
24
 
27
25
  .toolbar-content {
@@ -100,4 +98,4 @@ line-height: 20px;
100
98
  width: 24px;
101
99
  height: 24px;
102
100
  color: #1f2937;
103
- }
101
+ }
package/lib/components/ConditionFormat/ConditionRules.js CHANGED
@@ -56,8 +56,8 @@ var ConditionRules = function ConditionRules(_a) {
56
56
  protection = _j.protection,
57
57
  generalDialog = _j.generalDialog;
58
58
  var _k = (0, _react.useState)({
59
- textColor: "#FFFFFF",
60
- cellColor: "#D82E2A"
59
+ textColor: "#177E23",
60
+ cellColor: "#DDFBDF"
61
61
  }),
62
62
  colorRules = _k[0],
63
63
  setColorRules = _k[1];
@@ -604,9 +604,19 @@ var ConditionRules = function ConditionRules(_a) {
604
604
  }, "Formatting styles"), /*#__PURE__*/_react.default.createElement("div", {
605
605
  className: "toolbar-container"
606
606
  }, /*#__PURE__*/_react.default.createElement("div", {
607
- className: "toolbar-header"
607
+ className: "toolbar-header",
608
+ style: {
609
+ backgroundColor: colorRules.cellColor,
610
+ color: colorRules.textColor,
611
+ textDecoration: underline ? "underline" : "",
612
+ textDecorationLine: strikethrough ? "line-through" : ""
613
+ }
608
614
  }, /*#__PURE__*/_react.default.createElement("h2", {
609
- className: "toolbar-title"
615
+ className: "toolbar-title",
616
+ style: {
617
+ fontWeight: bold ? "bold" : "",
618
+ fontStyle: italic ? "italic" : ""
619
+ }
610
620
  }, "Formatting styles preview")), /*#__PURE__*/_react.default.createElement("div", {
611
621
  className: "toolbar-content"
612
622
  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -783,7 +793,7 @@ var ConditionRules = function ConditionRules(_a) {
783
793
  close("edit");
784
794
  },
785
795
  tabIndex: 0
786
- }, "Edit rule")) : (/*#__PURE__*/_react.default.createElement(_ui.Button, {
796
+ }, "Update rule")) : (/*#__PURE__*/_react.default.createElement(_ui.Button, {
787
797
  variant: "default",
788
798
  style: {
789
799
  minWidth: "80px"
package/lib/components/ConditionFormat/formating.css CHANGED
@@ -8,20 +8,18 @@
8
8
  }
9
9
 
10
10
  .toolbar-header {
11
- background-color: #dcfce7;
12
11
  padding: 4px 16px;
13
12
  border-radius: var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) var(--border-radius-none, 0) var(--border-radius-none, 0);
14
- border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
15
- background: hsl(var(--color-bg-success-light, #DDFBDF));
13
+ border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
14
+ background: hsl(var(--color-bg-success-light, #DDFBDF));
16
15
  }
17
16
 
18
17
  .toolbar-title {
19
- color: hsl(var(--color-text-success, #177E23));
20
- font-family: "Helvetica Neue";
21
- font-size: 14px;
22
- font-style: normal;
23
- font-weight: 400;
24
- line-height: 20px;
18
+ font-family: "Helvetica Neue";
19
+ font-size: 14px;
20
+ font-style: normal;
21
+ font-weight: 400;
22
+ line-height: 20px;
25
23
  }
26
24
 
27
25
  .toolbar-content {
@@ -100,4 +98,4 @@ line-height: 20px;
100
98
  width: 24px;
101
99
  height: 24px;
102
100
  color: #1f2937;
103
- }
101
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.2.77",
3
+ "version": "1.2.78-cf-1",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "module": "es/index.js",
@@ -16,7 +16,7 @@
16
16
  "tsc": "tsc"
17
17
  },
18
18
  "dependencies": {
19
- "@fileverse-dev/fortune-core": "1.2.77",
19
+ "@fileverse-dev/fortune-core": "1.2.78-cf-1",
20
20
  "@fileverse/ui": "^4.1.7-patch-40",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",