@arc-lo/ui 0.1.0 → 0.2.0
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.
- package/dist/index.cjs +14 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -8
- package/dist/index.js.map +1 -1
- package/package.json +8 -9
- package/{src/styles/theme.css → styles.css} +19 -3
package/dist/index.cjs
CHANGED
|
@@ -729,7 +729,10 @@ var Root3 = react.forwardRef(
|
|
|
729
729
|
}
|
|
730
730
|
);
|
|
731
731
|
Root3.displayName = "FeedbackBar.Root";
|
|
732
|
-
var
|
|
732
|
+
var btnBase = "arclo-feedback-btn inline-flex items-center justify-center rounded-md p-1.5 transition-colors cursor-pointer";
|
|
733
|
+
var btnStyle = {
|
|
734
|
+
color: themeVars.textMuted
|
|
735
|
+
};
|
|
733
736
|
var ThumbsUp = react.forwardRef(
|
|
734
737
|
({ className, ...props }, ref) => {
|
|
735
738
|
const { feedback, setFeedback } = useFeedbackBarContext();
|
|
@@ -742,8 +745,8 @@ var ThumbsUp = react.forwardRef(
|
|
|
742
745
|
"aria-label": "Good response",
|
|
743
746
|
"aria-pressed": active,
|
|
744
747
|
onClick: () => setFeedback(active ? null : "up"),
|
|
745
|
-
style: active ? { color: themeVars.accent } :
|
|
746
|
-
className: cn(
|
|
748
|
+
style: active ? { color: themeVars.accent } : btnStyle,
|
|
749
|
+
className: cn(btnBase, className),
|
|
747
750
|
...props,
|
|
748
751
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
749
752
|
"svg",
|
|
@@ -753,7 +756,7 @@ var ThumbsUp = react.forwardRef(
|
|
|
753
756
|
viewBox: "0 0 24 24",
|
|
754
757
|
fill: "none",
|
|
755
758
|
stroke: "currentColor",
|
|
756
|
-
strokeWidth: "2",
|
|
759
|
+
strokeWidth: active ? "2.5" : "2",
|
|
757
760
|
strokeLinecap: "round",
|
|
758
761
|
strokeLinejoin: "round",
|
|
759
762
|
children: [
|
|
@@ -778,7 +781,8 @@ var ThumbsDown = react.forwardRef(({ className, ...props }, ref) => {
|
|
|
778
781
|
"aria-label": "Bad response",
|
|
779
782
|
"aria-pressed": active,
|
|
780
783
|
onClick: () => setFeedback(active ? null : "down"),
|
|
781
|
-
|
|
784
|
+
style: active ? { color: themeVars.error } : btnStyle,
|
|
785
|
+
className: cn(btnBase, className),
|
|
782
786
|
...props,
|
|
783
787
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
784
788
|
"svg",
|
|
@@ -788,7 +792,7 @@ var ThumbsDown = react.forwardRef(({ className, ...props }, ref) => {
|
|
|
788
792
|
viewBox: "0 0 24 24",
|
|
789
793
|
fill: "none",
|
|
790
794
|
stroke: "currentColor",
|
|
791
|
-
strokeWidth: "2",
|
|
795
|
+
strokeWidth: active ? "2.5" : "2",
|
|
792
796
|
strokeLinecap: "round",
|
|
793
797
|
strokeLinejoin: "round",
|
|
794
798
|
children: [
|
|
@@ -817,7 +821,8 @@ var Copy = react.forwardRef(
|
|
|
817
821
|
type: "button",
|
|
818
822
|
"aria-label": copied ? "Copied" : "Copy",
|
|
819
823
|
onClick: handleCopy,
|
|
820
|
-
|
|
824
|
+
style: copied ? { color: "#10b981" } : btnStyle,
|
|
825
|
+
className: cn(btnBase, className),
|
|
821
826
|
...props,
|
|
822
827
|
children: copied ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
823
828
|
"svg",
|
|
@@ -862,7 +867,8 @@ var Regenerate = react.forwardRef(({ onRegenerate, className, ...props }, ref) =
|
|
|
862
867
|
type: "button",
|
|
863
868
|
"aria-label": "Regenerate response",
|
|
864
869
|
onClick: onRegenerate,
|
|
865
|
-
|
|
870
|
+
style: btnStyle,
|
|
871
|
+
className: cn(btnBase, className),
|
|
866
872
|
...props,
|
|
867
873
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
868
874
|
"svg",
|